Canvas Documentation
Bubble Best Practices
v3.7
v3.7
  • Introduction
  • Key Features
  • What's New
  • For Designers
  • CANVAS FUNCTIONALITY
    • Getting Started
    • Branding & Design
    • Marketing Pages
    • Bubble Pages & Blocks
    • Roles & Permissions
    • Menus & Navigation
    • Data & Workflows
    • Emails & Alerts
    • 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
        • Login
        • Legal
        • Reset Password
        • 404
      • Reusable elements
        • Header
        • Footer
        • Signup & Login
        • 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 marketing 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
      • Free 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
    • 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
Powered by GitBook
On this page
  • Creating a new marketing page
  • Building your marketing page
  • Managing your page

Was this helpful?

  1. CANVAS FUNCTIONALITY

Marketing Pages

Expand your application by adding unlimited marketing pages to your template using the Canvas Page Builder.

PreviousBranding & DesignNextBubble Pages & Blocks

Last updated 4 years ago

Was this helpful?

To get started, login to your admin portal and navigate to Pages in the left menu.

You will see a list of all the current marketing pages in your site. The first time you view this section you an index and an about page that come standard with your template.

Creating a new marketing page

Click the '+ Add marketing page' button. In the popup enter the unique path you would like this page to be located at on your url (e.g. domain.com/page/uniquepath)

Both of these values can be updated later but keep in mind that updating the unique path for a page will break the connection of any links to this page that are using the original path name.

Enter a description for your page and click the Create button. The description entered here is for your reference and does not appear to your users.

Your new page will now appear in the list of marketing pages for your site.

Building your marketing page

Now that your page is created, let's get started building it by clicking the pencil icon to open the Canvas Page Builder.

There are several main options to familiarize yourself with when first getting started.

Background

Clicking the Background tile will open a module allowing you to select from several different styles of backgrounds. These are SVG files that will automatically adjust to the color palette you choose and will span the entire background of your page

Colors

Canvas offers a number of professionally curated color palettes that will help make your page beautiful.

You can also create a custom color palette and save it to be used in other marketing pages as well! Simply select the custom option, choose your colors, and click 'Save custom palette'.

Page canvas

The page canvas is where you will design the UI of your marketing page with our professionally designed and fully responsive page blocks.

To add a new block, hover over the page canvas and click on the plus icon.

When you find the block you need, click '+ Add block' to add it to your page.

To edit a block, hover your mouse over the block you want to change until the options panel appears at the top right of the block.

  • Click the arrows to move the block's position up or down the page.

  • Click the pencil icon to edit the content and properties

  • Click the trash can to delete the block from your page entirely

Publish your page

As you work in the page builder your page changes will be saved automatically so you can come back to continue building your page at any time.

If you want to reset your changes, click the 'Discard draft' button to revert to the last published version of your page.

Once your page is ready for primetime, click the 'Publish' button to push it live!

Get Help

If you ever get stuck or need help with anything, click the question mark icon in the top right of the screen. Here you can watch a video tutorial on using the editor or access the support portal to ask a question or report a bug.

Managing your page

You can manage the details of your page in the admin portal from the dropdown action menu on the page.

Edit page info - This allows you to edit the unique path and the page description for your page.

Clone page - This will duplicate the page. The unique path of the new page will be the same as the page that was cloned with '-copy' appended.

Delete - Permanently deletes the page. You will be shown a confirmation popup before the page is deleted.

Changing the unique path for a page will break the connection of any links to this page.

Publishing only publishes the page in the version you are working in. It's a good practice to create and edit Marketing pages in the development version and then copy the

Edit SEO tags - By default your page will use your . If you prefer you can customize the title, description, and preview image that is shown when a link to this page is shared on social media or seen through a Google search. Simply uncheck the 'Use the application's standard SEO/social tags' checkbox.

Marketing pages data to the live database.
application's standard SEO settings
Enter your unique path and page description
The Canvas page builder
Click this icon to add a new block
Options to edit or delete the page section