The CamBuildr Landing Page Editor allows you to build campaign-ready landing pages using a drag-and-drop interface based on the BeeFree framework. It supports responsive design, modular block layout, full custom HTML/CSS, and rich interactive components – giving you full flexibility to build signup forms, supporter hubs, donation pages, or action sites.
Overview
The editor consists of three main sections:
Canvas (center): A live preview area where you construct your page by dragging and positioning content blocks.
Sidebar (right): Contains all available Content blocks, Rows, and Settings. If you select a block in the Canvas, its settings appear here.
Toolbar (top): Gives you access to saving, structure preview, device previews (desktop/mobile), and other actions.
Starting from a Template
When you create a new landing page you first choose what to start from:
A predefined template: pick a category to browse CamBuildr’s ready-made templates. They come with pre-filled content blocks and a finished design, and you can change everything afterwards.
A blank page: choose Start with a blank page to begin with an empty layout.
My templates: templates your own organization has created.
Shared templates: templates shared with you by connected CamBuildr instances. This entry only appears when your organization has at least one outgoing connection (see CamBuildr Connect).
Any page you have built can become a reusable template. Open the actions menu on the page — in the landing page list or on the page’s detail screen — and choose Create template. The template is created immediately and opens in the editor, so you can name it and tidy it up before colleagues start using it. Creating templates requires landing page admin rights and is not available on the One Campaign plan.
Block Types in the Sidebar
The sidebar is structured into three tabs: Content, Rows, and Settings.
The Content tab offers both static layout elements and interactive campaign features. All blocks can be dragged into rows and freely combined.
Static Content Blocks
TITLE: Inserts a heading or title. Alignment, font, size, and color can be customized.
PARAGRAPH: A standard text block, ideal for body copy, explanations, or narratives.
LIST: Adds bulleted or numbered lists. Bullet styles and spacing are fully customizable.
IMAGE: Upload or link to images (e.g. logos, infographics, photos). Adjust padding, size, and alignment.
BUTTON: Creates a call-to-action (CTA). You can customize label text, colors, padding, borders, and more. Buttons can link to external pages, internal anchor links, or open prefilled emails (mailto links).
DIVIDER: Inserts a visual line to break up content sections. Line style, color, and spacing are configurable.
SPACER: Adds vertical space between elements. The height is fully adjustable.
HTML: For advanced users. Allows insertion of raw HTML/CSS/JS for complete customization.
VIDEO: Embeds a video preview that links to YouTube, Vimeo, or similar platforms. A clickable thumbnail is automatically generated.
ICONS: Adds one or multiple icons from a preset library. Common use cases include contact links or visual emphasis.
TEXT: Similar to PARAGRAPH, but optimized for pasting formatted text (e.g. with bold, lists, and links preserved).
Interactive Content Blocks (colored icons)
The following blocks are interactive and dynamic. They enable user input, engagement, and data capture:
EVENTS: Teases events from the Events App
PUBLIC SUPPORTERS: Show a dynamic feed of public supporter names or avatars from the Public Supporters App and allows user to send in their own statement.
USER POSTS: Show a dynamic feed of user-generated posts from the User Posts App and allow visitors to submit their own content. See User Posts on a landing page: Teaser and Voting.
UGC VOTING: Allow the audience to vote on content or submissions from the User Posts App. See User Posts on a landing page: Teaser and Voting.
DONATIONS: Embed a donation widget connected to your payment provider. See Collecting donations on your Landing Pages.
PURCHASE: Sell a product or subscription through your connected Stripe account. See Selling products with the Purchase block.
PROGRESS BAR: Display real-time progress based on signups, donations, or the size of a target audience. See Showing progress with the Progress Bar block.
COUNTDOWN: Add a countdown timer to drive urgency (e.g. until election day). See Adding a Countdown to your landing page.
SURVEY: Create and embed diverse survey flows – poll/quiz, swipe, multi-swipe, sentiment and verified voting. See Surveys in CamBuildr: Choosing the Right Format.
FORM: Capture names, emails and other inputs, accept file uploads, insert static text parts between fields, make fields (including email) optional, show radio and multi-select options as image cards, and split long forms into up to 10 steps. Responses are stored in your database. See Custom Forms.
SHARE: Add social sharing buttons so visitors can share your page across networks and email. See Adding social sharing with the Share block.
For detailed guidance on configuring each interactive block, refer to the individual help articles on the Blocks and Apps.
Mobile & Desktop Preview
Toggle between mobile and desktop view using the device icons in the upper left of the Canvas.
If a “mobile” label appears on an element, it means you are editing the mobile version only — changes here won’t affect the desktop version.
You can also hide blocks on mobile or desktop entirely. Hidden elements appear blurred in the Canvas.
To preview the email as it will appear to recipients (with hidden elements removed), click the eye icon in the top left corner.
Structure View
Click Show structure in the toolbar to highlight the layout of rows and columns, making it easier to manage padding, alignment, and hierarchy.
Reusable Rows (Saved Rows)
Any row you build can be saved and reused on other pages, so recurring sections such as headers, footers or call-to-action bands only have to be built once.
Saving a row: select a row in the Canvas and choose the save icon in its toolbar. Give the row a name, and optionally a category. Rows with a category get their own group in the Rows panel, which keeps larger libraries manageable. Categories you already use are suggested as you type, and typing a new one creates it.
Using a saved row: open the Rows tab in the sidebar. Your saved rows appear there alongside the empty row layouts and can be dragged onto any page. Inserting one creates an independent copy — editing it on one page does not change the original or any other page that uses it.
Deleting a saved row: saved rows can be deleted from the Rows panel. Very old rows, saved before CamBuildr started storing row identifiers, cannot be removed automatically; the editor will tell you when that happens, and the CamBuildr team can delete them for you.
Separate libraries per content type: saved rows are shared across your whole organization, but each content type keeps its own library — landing pages (also used by login pages), campaign emails (also used by double opt-in emails), and automated (triggered) emails. A row saved here therefore appears on every landing page and login page, but not in the email editors.
Images and Files
The IMAGE block — and every other place in the editor that asks for a file — opens the File Manager, which is your organization’s media library. It holds the same files you see under Media library in the main menu, so anything you upload while editing is immediately available everywhere else, and anything uploaded elsewhere is available here.
You can browse, search, upload, move and delete files, and create folders, without leaving the editor.
Images (JPG, PNG, GIF, WebP) and documents (PDF, Office, CSV, TXT, ZIP) are accepted, up to 20 MB per file.
Deleting a file that is still used somewhere is refused here, with a note of where it is used. Open the media library itself to see every place and delete it anyway.
See The Media Library in CamBuildr for the full picture.
Save and Version History
Always click SAVE in the top right corner to store your changes. Every save creates a version snapshot, so you can always go back to it later.
Unsaved changes: If you leave without saving, your changes are stored locally in your browser. When you reopen the page, CamBuildr shows the last saved server version and your local changes side by side, so you can see exactly what differs before choosing Resume with local changes or Dismiss changes and load server version.
Version history: Click History in the toolbar to open the version history panel. Versions are listed newest first, each with the date it was saved and the person who saved it. The newest entry is marked Current, and versions created by the AI assistant are labelled AI assistant.
Comparing versions: Tick two versions in the list and click Compare selected to see them rendered side by side.
Restoring a version: Click Restore on any older version to bring it back. Restoring is non-destructive — your current content is saved as a new version first, so nothing is lost and you can always go back again.
If you have used the AI assistant on this page: while an AI conversation is open, the editor loads the content the assistant last produced — its working version — instead of the saved page, and the notice Contains unsaved AI changes from this conversation appears in the top bar. Click SAVE to keep that content, or click Discard AI changes next to the notice to put the saved page back on the canvas and continue the conversation from there. Your own work always wins over an older assistant version: once you have saved the page yourself, or restored a version from History, the assistant's earlier working version is no longer loaded and the notice disappears. Note that the version history also contains the snapshots the assistant created (labelled AI assistant), so the newest entry marked Current is not necessarily your last manual save.
Assistant changes and your local draft: when the assistant applies a change, any unsaved local draft of yours is discarded and replaced by the assistant's content. Save your own edits before you ask the assistant for the next change.
Version history is kept per variant. CamBuildr keeps the 50 most recent versions of each variant, plus everything saved within the last 30 days.
If two people edit the same page: CamBuildr does not lock pages, but it does prevent silent overwrites. If a colleague saves the page while you are working on it, your save is stopped and you are shown your content next to the newer version on the server. From there you can Reload latest version, Keep editing and decide later, or deliberately discard their version and save your own. If a save cannot go through, the editor keeps your work as a local draft so nothing is lost.
Best Practices
Use rows to organize your layout into logical sections.
Test mobile and desktop previews separately.
Minimize the use of large images to optimize load speed.
Always test interactive elements (forms, donations, share buttons) before publishing.
If embedding custom scripts or external services, test on staging links before going live.