Canvas Manual

Marketing Pages

Expand your application by adding marketing pages to your template using the Canvas Extension.
By default, your Canvas template will come with two Bubble marketing pages — the index and about pages.

Installing the Chrome Extension

In order to be able to add Bubble marketing pages and blocks to your Canvas template be sure to install the Chrome extension.
With the Canvas Chrome extension installed, in your Bubble editor you will now see a vertical blue button floating on the right side of your screen that says 'Open Canvas'. Click to open a full height module along the right of your editor that contains functionality for Adding a new page, Adding a new block, Adding a new element. and Updating your apps colors.

Adding a new Bubble marketing page

With the Canvas extension open, click on 'Pages' to open the library of Bubble page templates.
From the 'select category' dropdown, select Marketing to filter on marketing page templates only.

Basic Marketing Page Template

To build your marketing page from scratch, you should select this page template since it only includes 3 marketing blocks. You can further customize it by using the Canvas extension to add more marketing blocks and Canvas elements.
Premium Marketing Page Template
This page template includes all 40 free and premium marketing blocks. Customize your marketing page by deleting any blocks you do not need from the page.
When creating your marketing page, Canvas will also create a corresponding option in the Bubble Pages option set. You will need to set this option up with the correct privacy and role permissions for each Bubble marketing page you add to your application.

Customizing your Bubble marketing page

With the Canvas extension open, click on 'Blocks' to open the library of Bubble block templates.
From the 'select category' dropdown, select Marketing Blocks to filter on marketing block templates only.
From the 'Add to' dropdown, select the group that you would like to add the block to. Click the 'Add' button to start building out your marketing page.


How can I set a Bubble marketing page as my application's new index page?
In your Bubble editor, go to the Bubble marketing page you want to set as your new index page. Click on 'Edit' in the top bar and from the dropdown, select 'Make this page the new index'.
The original Canvas index page includes various workflows for index page redirections. Make sure you copy those workflows to your new index page.
My Bubble page name for my marketing page in the Bubble editor is different from the name under the 'Pages' tab in the Admin portal. Why don't the two page names match?
As an admin, you'll be able to view all the Bubble pages in your Canvas app from the 'Pages' tab in the admin portal. The unique paths for your pages here should match the actual page names in your Bubble editor.
Admin page > Pages tab view
We use the 'Bubble Pages' option set to manage a user's permission to view a specific page. If you change the name of a Bubble page in the Bubble editor then you would need to go to the Data tab > Option sets > Bubble Pages option set > Update the display name for the page to match.
How can I customize the SEO settings for my Bubble marketing pages?
All Bubble pages in your Canvas app will use default SEO tags set in the Admin portal under Branding > Default SEO/Social Tags. To customize SEO tags for a specific page, you would need to go to the page in your Bubble editor and open the page's property inspector.