Canvas Documentation
v4.2
v4.2
  • Introduction
  • Key Features
  • What's New
  • Canvas Design System Figma File
  • CANVAS FUNCTIONALITY
    • Getting Started
    • Branding & Design
    • Marketing Pages
    • Bubble Pages & Blocks
    • Roles & Permissions
    • Menus & Navigation
    • Data & Workflows
    • Emails & Alerts
      • Mail merge terms
    • Privacy rule checker
    • Miscellaneous
      • Setting up two factor authentication
      • Cookie and consent banner
      • Setting your password policy
      • Set up Payment info on Account page
      • Loading screen
      • Configuring multiple languages
      • Customizing your app's portal page colors
    • Reference
      • Pages
        • Index
        • Admin Portal
        • Account
          • Account deletion
        • Login
        • Legal
        • Reset Password
        • 404
      • Reusable elements
        • Header
        • Footer
        • Signup & Log in
        • Cookies Permission
        • Widgets
          • App security
          • Header Widgets
          • Workflow Widgets
        • Admin Portal
          • Admin analytics
          • Admin email & templates
          • Admin header & footer
          • Admin legal popups
          • Admin branding, launch, and settings
          • Admin pages
          • Admin portal canvas logic
          • Admin options settings
        • Menu Focus Elements
      • Data types
      • Option Sets
      • Backend Workflows
      • Design standards
        • Manually Building UI
  • Bubble Best Practices
    • Learning Bubble Basics
    • Principles
    • Database
    • Design
    • Security
    • SEO
    • Speed
    • Modularity
      • Data triggers
  • Canvas library
    • Page templates
      • Basic Bubble Marketing Page
      • Premium Bubble Marketing Page
      • Centered Profile Page
      • Left-Justified Profile Page
      • Standard page
      • Toggle Tabs Page
      • Menu Page
      • Mobile Menu Page
      • Video List Page
      • Standard Portal / Dashboard Page
      • Simple Portal / Dashboard Page with Icons
      • Double Sidebar Portal Page Template
      • Search Page
      • Map Search Page with Toggle and Filters
      • Floating Map Search Page
      • Search Bar Page
      • Multi-Step Page With Progress Bar
      • Standard Multi-Step Process Page
      • Multi-Step Process Page with Sidebar
      • Gallery Profile or Product Page
      • Sidebar Profile Page
      • 2-Column Menu Tabs Page
      • 2-Column Checkout Page
      • 2-Column Video Chat Page
      • Vertical Multi-Step Page Template
    • Blocks
      • Monthly Calendar Scheduling Widget
      • No Reply Comments Thread
      • Nested Comments Thread (with Like and Reply)
      • Placeholder Group
      • List with Circular Progress Bar Repeating Group
      • Top Input Chat Widget
      • Bottom Input Chat Widget
      • Toggle Tabs Group
      • Single-Select or Multi-Select Pill Tabs Group
      • Settings group
      • To-Do List Repeating Group
      • Title Group with Button and Filters
      • Product Details Group With Progress Bar
      • Listing details with Icons and Menu Focus Group
      • Week Daily Availability Group
      • Frequently Asked Questions (FAQ) Repeating Group
      • Dismissible Module
      • Video Group
      • About Group
      • Add to Cart Group
      • Full Width Map with Directions Link
      • Location Module (Map and Directions)
      • Drag and Drop Repeating Group
      • Infinite Columns Horizontal Scroll Data Table with Fixed First Column
      • Expiration timer
    • Popups
      • Confirmation Popup
      • Message Popup
      • Image Popup
      • Video Popup
      • Vertical Scroll Popup
      • Edit Popup
      • Standard Form Popup
      • Subscribe Popup
      • Feedback / Contact Popup
      • Details Popup
      • Add List Popup
      • Advanced Form Popup
      • Rating Popup
      • Toggle Tabs Popup
      • Share Popup
      • Multi-Step Popup
      • Invoice Popup
      • Stripe Credit Card Purchase Popup
      • View Profile Popup
      • Send Message Popup
      • Multi-Select Pill Tabs Popup
      • Pricing Plans Popup
    • Reusables
      • Multimage uploader
Powered by GitBook
On this page
  • Installing the Chrome Extension
  • Adding a new Bubble marketing page
  • Customizing your Bubble marketing page
  • FAQs
  1. CANVAS FUNCTIONALITY

Marketing Pages

Expand your application by adding marketing pages to your template using the Canvas Extension.

PreviousBranding & DesignNextBubble Pages & Blocks

Last updated 2 years ago

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 .

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 . 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.

FAQs

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.

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.

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.

install the Chrome extension
Read the page documentation
Read the page documentation
Bubble Pages option set
Admin page > Pages tab view