Introduction to Page Design Studio

What is Page Design Studio?

Page Design Studio is BetterUnite’s new visual page builder that lets you create fully custom campaign pages — without writing any code. Whether you’re running a gala, an online giving campaign, a peer-to-peer fundraiser, or an auction, Page Design Studio gives you complete control over how your campaign page looks and feels.

With a drag-and-drop editor, professionally designed templates, and real-time mobile preview, you can build pages that match your organization’s brand and tell your story the way you want.

🎉 You asked, we built it!

Page Design Studio was created based on direct feedback from nonprofits like yours who wanted more control over their campaign pages. This is your tool — built for the way you work.

Key Features

Drag & Drop Editor	Visually arrange hero images, text blocks, donation tiers, sponsor logos, and more. Just drag, drop, and publish.
20+ Templates	Start with professionally designed templates for galas, walks, auctions, and online campaigns. Every template is fully customizable.
Mobile Preview	See exactly how your page will look on phones, tablets, and desktops in real-time as you build.
Campaign Theming	Set your brand colors globally or customize them per campaign. Choose between your Global Brand Kit or a Campaign Override.
Multi-Page Support	Create multiple pages per campaign — a main page, a thank-you page, a sponsor hub, a leaderboard, and more.
Merge Fields	Insert dynamic content like campaign names, goals, and amounts raised that update automatically.
Prebuilt Content	Drop in pre-designed sections (hero banners, FAQ blocks, sponsor grids) to speed up your workflow.
Offer Blocks	Insert your campaign’s tickets, giving levels, sponsorships, and items for sale directly into the page.

How to Access Page Design Studio

You can open Page Design Studio from any campaign in BetterUnite. Here’s how:

1. Navigate to your campaign from the main dashboard.
2. In the left sidebar, click Page Design under the campaign menu.
3. You’ll see the Page Design screen with two options: Page Design Studio (the new visual builder) and Legacy Branding & Layout (the classic experience).
4. Select Page Design Studio (it’s set as the default for new campaigns).
5. Click Open Page Studio or choose a template from the gallery to get started.

💡 Tip

If your campaign is already using Legacy Branding & Layout, you can switch to Page Design Studio at any time from the Page Design screen. Switching won’t delete your legacy settings — you can always switch back.

Page Design Studio vs. Legacy Branding & Layout

If you’ve been using BetterUnite for a while, you’re probably familiar with the original page design experience. Here’s how the two options compare:

Feature	Page Design Studio	Legacy Branding & Layout
Visual editor	Drag-and-drop builder	Basic settings panel
Templates	20+ professional templates	Limited legacy templates
Mobile preview	Real-time responsive preview	No built-in preview
Multi-page	Multiple pages per campaign	Single page only
Content blocks	Title, Image, Button, Table, Lists, and more	Limited content options
Prebuilt sections	Pre-designed hero banners, FAQ blocks, sponsor grids	Not available
Merge fields	Dynamic placeholders for live data	Not available
Theming	Global Brand Kit or Campaign Override with 12 color properties	Basic color settings

Both modes remain available for every campaign. You can see which mode your campaign is currently using at the top of the Page Design screen, and you can switch at any time.

⚠️ Note

Switching from Legacy to Page Design Studio starts you with a fresh page layout. Your legacy branding settings are preserved and will still be there if you switch back.

Understanding the Editor Layout

When you open Page Design Studio, you’ll see the editor interface. Here’s a quick orientation:

Top Bar

PAGES tab — where you build and edit your campaign pages.
SETTINGS tab — where you configure your Campaign Theme (colors) and Page Options.
Draft / Published status badge showing your campaign’s current state.
Publish button (with dropdown for Archive and Discard Changes).

Pages Tab (Editor View)

Page selector — shows the current page name (e.g. “Main Page”) and lets you switch between pages in your campaign.
Save Page, View Full Page, and Page Tools buttons.
INSERT toolbar — quick access to Prebuilt Content, Offers, Buttons & Links, and More.
Left panel with three tabs: Content (drag-and-drop blocks like Title, Paragraph, Image, Button, Table), Rows (layout structures), and Settings (block-level settings).
Canvas area — your live page preview where you drag, arrange, and edit content.
Desktop / Mobile toggle to switch preview modes.
Editor Zoom controls to zoom in or out on the canvas.

Settings Tab

Campaign Theme — choose between Global Brand Kit (colors sync across all campaigns and are read-only at the campaign level) or Campaign Override (fully editable colors scoped to this campaign). You can customize 12 color properties including Primary, Secondary, Accent, Background, Surface, Border, Text, and Link colors.

Page Options — toggle settings like “Show global navigation automatically” to control the visitor experience on your campaign page.

Page Tools at a Glance

The Tools dropdown gives you quick access to page-level actions. Here’s what each option does:

Action	What it does
Change Template	Swap this page’s template for a different one from the gallery.
Default Page	Set this page as the default landing page for your campaign.
Rename	Change the name of the current page.
Toggle Merge Fields	Show or hide dynamic merge field placeholders in the editor.
Add Page	Create a new blank page in this campaign.
Clone Page	Duplicate the current page as a starting point for a new one.
Save as Template	Save this page as a reusable template for other campaigns.
Clear Page Content	Remove all content and start over with a blank canvas.
Delete Page	Permanently remove this page from the campaign.

Quick-Start Checklist

Ready to build your first page? Follow these steps:

Open your campaign and go to Page Design → Page Design Studio.
Choose a template from the gallery (or start from scratch).
Set your Campaign Theme under the Settings tab (use your Global Brand Kit or set a Campaign Override).
Add content blocks from the left panel — titles, images, buttons, and more.
Insert your Offers (tickets, giving levels, sponsorships) from the INSERT toolbar.
Preview your page in both Desktop and Mobile views.
Click Save Page to save your progress.
When you’re happy, hit Publish to take your page live!

Need Help?

Page Design Studio is designed to be intuitive, but we’re here if you need a hand. Check out these related articles for more detailed walkthroughs:

Navigating the Page Design Studio Editor
Creating Your First Campaign Page
Managing Multiple Pages in a Campaign

If you have questions or run into anything unexpected, reach out to our support team — we’re always happy to help. You can contact us at support@betterunite.com.