--- title: How do I create a campaign with Canvas? description: "Canvas is a fast, beautiful way to ship simple campaigns, saving you heaps of time and effort. It features a unique, live \"What You See Is What You Get\" (WYSIWYG) interface that allows you to drag, drop, and design your landing pages and forms in real time. " --- [Skip to content](https://resources.tradablebits.com/support/getting-started-with-canvas#main-content) English Show submenu for translations ![tradable-bits-long-logo-for-download.png\]](https://resources.tradablebits.com/hs-fs/hubfs/tradable-bits-long-logo-for-download.png?height=40&name=tradable-bits-long-logo-for-download.png) Open main navigation Close main navigation - English Show submenu for translations How can we help? - There are no suggestions because the search field is empty. 1. [Resources](https://resources.tradablebits.com/support?hsLang=en) 2. [Engagement Campaigns](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en) 3. [Creating Campaigns](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#creating-campaigns) # How do I create a campaign with Canvas? ## Learn how to build, design, and launch simple contests and entry forms in just minutes with our drag-and-drop style campaign, Canvas. *Please note that Canvas is currently in beta and may not yet be available in your account. Rest assured, it will be available to everyone soon!*  Canvas is a fast, beautiful way to ship simple campaigns, saving you heaps of time and effort. It features a unique, live "What You See Is What You Get" (WYSIWYG) interface that allows you to drag, drop, and design your landing pages and forms in real time.  ### When to use  Canvas  Canvas is perfect for when you want to: - Create and publish a simple form or landing page fast. - Build an aesthetic and branded campaign without needing to do any CSS or custom design work. ### Getting Started 1. On the Tradable Bits Homepage, hover over **Campaigns** in the top navigation bar, select your desired business, and click on **Dashboard**. 2. Click on **New Campaign** in the top right corner. 3. From the Choose a Campaign page, select the **Canvas** option to begin your build. ![choose a campaign canvas](https://resources.tradablebits.com/hs-fs/hubfs/choose%20a%20campaign%20canvas.png?width=579&height=222&name=choose%20a%20campaign%20canvas.png) 4. Give your campaign a name, choose a start date, end date, and time zone. Finally, click **Save** to create your draft. Once inside, you can interact directly with the builder to design and configure your campaign. ### General Setup Take your time to go through the General Setup section, where you will determine or set up: - Your campaign name and campaign labels - Start and end times and dates - Terms of Use, Privacy Policy, and Official Rules - And much more. For more details on configuring the rest of the Setup section of the campaign, check out our guide to [Getting Started with Campaigns](https://resources.tradablebits.com/support/getting-started-with-campaigns?hsLang=en). ### Designing your campaign Now, for the fun part! Once your Setup is complete, head over to the **Design** tab. Canvas provides a drag-and-drop editor that lets you customize the layout, text, media, and interactive elements across your **Landing Page**, **Thank You Page**, and **Inactive Page**. #### **Key Features** - **Live WYSIWYG Building:** See the exact fan-facing result as you build and style your campaign. You won't need to constantly save and preview the live link to see how it turns out. - **Click-to-Edit:** Click any element on the canvas to edit its styling inline using the settings sidebar for quick adjustments. - **Widget Library:** Drag and drop vertical widgets onto your page to easily stack text, media, social links, and forms in whatever order you like. - **Entry Forms & CRM Mapping:** Capture fan data directly into Tradable Bits profiles using custom fields (including text boxes and checkboxes). - **Artist & Idol Association:** Link your campaign directly to an idol or artist to automatically tag captured fans for streamlined audience segmentation. #### Navigating the Builder The Design interface is divided into three main areas (from left to right): - **Left Panel (Widget Library):** Browse and select elements to add to your page. This is also the area where you will adjust your visual display Settings and Localize the Language and text of the campaign. - **Center Canvas (Page Preview):** View how your page looks in real-time across different page views (**Landing Page**, **Thank You Page**, and **Inactive Page**). - **Right Panel (Widget Properties):** Customize the settings, text, links, and layout for whichever widget is currently selected on the canvas. ![Screenshot 2026-10-09 at 11.08.59 AM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%2011.08.59%20AM.png?width=514&height=351&name=Screenshot%202026-10-09%20at%2011.08.59%20AM.png) ### Widgets See how to configure all of the widget options in our comprehensive guide, [How do I configure the widgets in Canvas?](https://resources.tradablebits.com/support/how-do-i-configure-the-widgets-in-canvas?hsLang=en)Widgets are organized into four categories to help you build your page quickly: **Basic** - **Text Block:** Insert standard plain text blocks for quick headings or paragraph text. - **Rich Text Block:** Add formatted text with customized headings, fonts, text alignments, hyperlinks, and list formatting. **Media** - **Image:** Upload or embed high-resolution banner images, logos, or graphic assets. - **Video Embed:** Embed video content from supported platforms to engage visitors. - **Song Embed:** Integrate audio streams or tracks directly into the page. **Social** - **Social Links:** Direct visitors to your official social media channels. - **Share Button:** Allow fans to easily share your campaign across their own social networks. **Form** - **Form Container:** Add submission fields to collect entry information, contact details, or survey answers from participants. #### How to Add & Edit Widgets 1. **Add a Widget:** Drag any widget from the left sidebar panel directly onto the canvas preview, or click it to place it onto the active page. ![Screenshot 2026-10-09 at 11.25.56 AM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%2011.25.56%20AM.png?width=670&height=341&name=Screenshot%202026-10-09%20at%2011.25.56%20AM.png) 2. **Edit Properties:** Click on any widget on the canvas to open its **Properties** pane in the right-hand panel. From there, you can adjust content, formatting, alignment, and settings. ![Screenshot 2026-10-09 at 11.28.32 AM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%2011.28.32%20AM.png?width=670&height=387&name=Screenshot%202026-10-09%20at%2011.28.32%20AM.png) 3. **Switch Page Views:** Use the top bar above the preview canvas to toggle between the **Landing Page**, **Thank You Page**, and **Inactive Page** to customize each stage of your campaign. ![Screenshot 2026-10-09 at 11.29.47 AM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%2011.29.47%20AM.png?width=438&height=75&name=Screenshot%202026-10-09%20at%2011.29.47%20AM.png) 4. **Delete a Widget:** Select the widget and click the **red X** in the top right corner of the image, or click the **Delete Widget** button at the bottom of the right properties panel. ![Screenshot 2026-10-09 at 11.30.59 AM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%2011.30.59%20AM.png?width=670&height=466&name=Screenshot%202026-10-09%20at%2011.30.59%20AM.png) 5. **Save Changes:** Click the **Save** button in the top-right corner to preserve your page design.   ### Customizing Theme Settings The **Theme Settings** panel allows you to control the global look and feel of your campaign. This way, you can be sure it matches your brand guidelines and visual identity across all views. #### Key Customization Options - **Theme Presets:** Quickly switch between default styling presets (such as **Default** or **Dark**) to switch up your campaign elements. - **Primary Colour:** Define your brand's core colour by typing in a hex code (e.g., `#50BD91`) or using the colour picker tool. - **Typography:** Select your campaign's font family from the dropdown menu (such as **Lato (Default)**) to keep text consistent. - **Button Styles:** Choose how your call-to-action buttons render on the page by toggling between **Round**, **Square**, or **Pill** formats. - **Background Type & Style:** Customize your page background by selecting a **Light** or **Dark** version, applying a custom background **Colour** or **Upload**, and choosing a background style like **Tinted** or **Neutral**. - **Advanced Settings:** Dive into the **Advanced Theme Settings** link for even more granular control over your design. ![Screenshot 2026-10-09 at 4.28.29 PM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-09%20at%204.28.29%20PM.png?width=670&height=590&name=Screenshot%202026-10-09%20at%204.28.29%20PM.png) ### Managing and Localizing campaign text To cater to fans in different regions, you can easily offer multi-language support directly from the Design tab by clicking on the **Localization** icon. This is also where you'll go to adjust text for entry form fields, error messages, legal text, and other messaging.  ![Screenshot 2026-10-16 at 3.54.50 PM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-16%20at%203.54.50%20PM.png?width=200&height=416&name=Screenshot%202026-10-16%20at%203.54.50%20PM.png) 1. **Adding New Languages** 1. Click **+ Add Language** to expand the list of available languages. 2. Select from over a dozen supported languages, including French, Spanish, German, Japanese, and Chinese, to add a language option to your campaign container. 3. When you add a new language, red circular indicators will show you where you need to add your translated text. Once updated, the indicators will disappear. 4. **Tip:** Switch between active language tabs to preview how your layout and text render in each language before saving. ![Screenshot 2026-10-16 at 4.08.18 PM](https://resources.tradablebits.com/hs-fs/hubfs/Screenshot%202026-10-16%20at%204.08.18%20PM.png?width=670&height=322&name=Screenshot%202026-10-16%20at%204.08.18%20PM.png) 2. **Updating text in Localize Languages** 1. Click the Localize Languages button on the left to open the [Localize Business Language settings](https://resources.tradablebits.com/support/default-business-settings?hsLang=en). This is where you can adjust the text across all the new campaigns you create under this business. 2. Here you can add new languages and customize their translations, and you can also [customize the specific text](https://resources.tradablebits.com/support/localize-language?hsLang=en)displayed to users across your campaigns in different areas such as:  1. **Entry Form:** Update field labels (e.g., First Name, Last Name, Email, Gender options) as well as error messages for missing, invalid, or duplicate entries. 2. **Legal & Consent:** Set cookie consent text, privacy policy links, and agreement prompts. 3. **Other System Messages:** Customize general interface buttons, quiz prompts, countdown timers, waiting room notifications, and file upload limits and more. For more, check out our guide **[Localize Language: How do I change the form field text in an Engagement Campaign?](https://resources.tradablebits.com/support/localize-language?hsLang=en)** ### When it's better to use a traditional campaign Canvas isn't meant to replace all of our traditional campaigns. Because it is built for speed and simplicity, it intentionally leaves out some of the more complex features we offer, like gating, game mechanics and custom coding. You'll need to use a traditional campaign if your project requires: - **Gating or Authentication:** Canvas does not support age gates, geo-gates, or social logins. - **Gaming Mechanics:** Widgets for trivia, memory match, or other gamified campaigns are not available in Canvas at this time. - **Custom Code:** While the text widget accepts light HTML, Canvas does not support custom CSS or JavaScript at the campaign level. - **Complex Layouts:** Canvas has a strictly vertical layout; widgets stack from top to bottom, with no side-by-side columns. - **Multiple Pages:** Canvas only supports two states: the Landing Page and the Thank You page.   **Before publishing your campaign, be sure to review our[Campaign Publishing Checklist](https://resources.tradablebits.com/support/campaign-publishing-checklist?hsLang=en)for a smooth launch.** **Still need assistance? Please reach out to your Customer Success Team or contact** [**support@tradablebits.com**](mailto:support@tradablebits.com) - [Getting started](https://resources.tradablebits.com/support/getting-started?hsLang=en) - [Account](https://resources.tradablebits.com/support/account?hsLang=en#main-content) - [Security](https://resources.tradablebits.com/support/account?hsLang=en#security) - [Integrations](https://resources.tradablebits.com/support/integrations?hsLang=en#main-content) - [Outgoing Integrations](https://resources.tradablebits.com/support/integrations?hsLang=en#outgoing-integrations) - [Incoming Integrations](https://resources.tradablebits.com/support/integrations?hsLang=en#incoming-integrations) - [Salesforce Marketing Cloud](https://resources.tradablebits.com/support/integrations?hsLang=en#salesforce-marketing-cloud) - [FAQs](https://resources.tradablebits.com/support/faqs?hsLang=en) - [Troubleshooting](https://resources.tradablebits.com/support/troubleshooting?hsLang=en#main-content) - [CSS/JS](https://resources.tradablebits.com/support/troubleshooting?hsLang=en#css-js) - [Reports](https://resources.tradablebits.com/support/reports?hsLang=en) - [Engagement Campaigns](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#main-content) - [Campaign Basics](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#campaign-basics) - [Campaign Management](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#campaign-management) - [Creating Campaigns](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#creating-campaigns) - [Best Practices and Troubleshooting](https://resources.tradablebits.com/support/engagement-campaigns?hsLang=en#best-practices-and-troubleshooting) - [UGC](https://resources.tradablebits.com/support/ugc?hsLang=en) - [Fan CRM](https://resources.tradablebits.com/support/fan-crm?hsLang=en) - [Sales](https://resources.tradablebits.com/support/sales?hsLang=en) - [Idols](https://resources.tradablebits.com/support/idols?hsLang=en) - [Trackers](https://resources.tradablebits.com/support/trackers?hsLang=en) - [Messaging](https://resources.tradablebits.com/support/messaging?hsLang=en#main-content) - [SMS](https://resources.tradablebits.com/support/messaging?hsLang=en#sms) - [Email](https://resources.tradablebits.com/support/messaging?hsLang=en#email) - [Push Notifications](https://resources.tradablebits.com/support/messaging?hsLang=en#push-notifications) - [Instagram](https://resources.tradablebits.com/support/messaging?hsLang=en#instagram) - [Ads](https://resources.tradablebits.com/support/ads?hsLang=en) - [Octane](https://resources.tradablebits.com/support/octane?hsLang=en) - [Product Updates](https://resources.tradablebits.com/support/product-updates?hsLang=en) [![Chill listening crop-3](https://resources.tradablebits.com/hubfs/tbits-logo.svg "Chill listening crop-3")](https://tradablebits.com/) Copyright © 2026, Tradable Bits