Creating Your First Campaign Page

This guide walks you through building a campaign page from start to finish using Page Design Studio. By the end, you'll have a live, fully customized page ready for your donors and supporters to visit.

Step 1: Open Page Design Studio

1. From the BetterUnite dashboard, navigate to your campaign.
2. In the left sidebar, click Page Design under the campaign menu.
3. Make sure Page Design Studio is selected (it's the default for new campaigns).
4. Click Open Page Studio to enter the editor, or choose a template from the gallery to jump straight in.

 

Step 2: Choose a Template

When you click Browse Templates (or Page Tools → Change Template from within the editor), you'll see the template gallery.

Browsing Templates

Templates are organized into two categories on the left sidebar:

• BetterUnite Templates — prebuilt, campaign-ready templates designed specifically for fundraising events. These come with smart defaults and feature sections already wired up.
• General Templates — flexible starter layouts you can customize from scratch. These give you more creative freedom with a clean starting point.

You can also filter templates by campaign type using the tabs at the top: All campaign types, Event, or Fundraising.

Click any template to see a full preview.

Previewing and Configuring Features

When you select a BetterUnite template, you'll see a preview of the page on the left and a feature toggle panel on the right. This is where it gets smart:

• The system auto-detects which features your campaign already has configured (e.g., if you've set up tickets and sponsorships, those toggles will already be on).
• You can toggle features on or off before applying the template. This controls which sections appear on your page.

Available feature toggles include:

Feature	What it adds to your page
Tickets / Registration	A section for visitors to purchase tickets or register for your event.
Sponsorships	Displays your sponsorship tiers so sponsors can browse and commit.
Sponsor Ticker	A scrolling banner showcasing sponsor logos.
Items for Sale	A section for merchandise, auction items, or other purchasable goods.
Fund a Need Levels	Giving tiers that let donors choose a specific impact level to fund.
Raffle Tickets	Allows visitors to purchase raffle entries.
Raffle Prizes	Showcases the prizes available in your raffle.
Peer-to-Peer Teams	Displays fundraising teams and their progress for P2P campaigns.
Peer-to-Peer Campaigns	Shows individual fundraiser pages within a peer-to-peer campaign.
Event Countdown	A live countdown timer to your event date.
Social Links	Icons linking to your organization's social media profiles.
Location Map	An embedded map showing your event's venue location.

Once you're happy with your selection, click Apply Template With Selected Features at the bottom right. The template will load into the editor with your chosen sections in place.

 

Step 3: Set Your Campaign Theme

Before diving into content, it's a good idea to set your campaign's color palette so everything looks on-brand from the start.

1. Click the SETTINGS tab in the top bar.
2. Under Campaign Theme, you'll see two starting-point options:
   • Global Brand Kit — a shortcut that lets you pull in a brand kit your organization has already set up (under Settings → Brand Kit at the org level), or choose from one of the pre-built themes. Selecting a kit instantly populates all your campaign colors with those values. Think of it as a starting point — once applied, you can still modify any of the colors to suit this specific campaign.
   • Campaign Override — skip the brand kit entirely and set all your colors from scratch for this campaign.

Whichever path you choose, you end up in the same place: a set of 12 color properties that you have full control over for this campaign.

Color Property	Where it's used
Primary Color	Main buttons, key headings, and primary call-to-action elements.
Secondary Color	Supporting buttons, secondary accents, and complementary UI elements.
Accent Color	Highlights, badges, and small visual details that draw attention.
Background Color	The main page background behind all content.
Surface Color	Card backgrounds, content panels, and elevated surfaces.
Border Color	Dividers, card borders, and input field outlines.
Primary Text Color	Main body text, headings, and labels.
Secondary Text Color	Muted text, captions, and supporting copy.
Text on Primary	Text that appears on top of Primary Color elements (e.g., button labels).
Secondary Background	Alternate section backgrounds for visual contrast between page sections.
Text on Secondary	Text that appears on top of Secondary Color elements.
Link Color	Hyperlinks and clickable text throughout the page.

How It Works in Practice

Here's the typical flow:

1. Starting from a Brand Kit: Click Global Brand Kit, choose a kit your organization has created (or one of the pre-built themes), and it fills in all 12 colors for you. From there, tweak any individual color to match this specific event. For example, you might use your org's brand kit but swap the accent color to match your gala's theme.
2. Starting from scratch: Click Campaign Override and set each color manually. This is ideal when the campaign has its own distinct branding that doesn't align with any existing kit.

Either way, once you click Save, the colors are applied to your campaign page immediately. Every element on the page — buttons, headings, backgrounds, text, links — updates to reflect your theme.

Switch back to the PAGES tab to return to the editor — your color changes will be reflected on the page right away.

 

Step 4: Build Your Page Layout

If you started from a template, you'll already have a structured layout. If you started from scratch, here's how to build one:

Add Rows First

Rows are the structural skeleton of your page. In the left panel, click the Rows tab and drag a row layout onto the canvas. Rows define how many columns a section has — one column for full-width content, two columns for side-by-side layouts, and so on.

Then Add Content Blocks

Switch to the Content tab in the left panel and drag blocks into your rows:

• Title — add your event name, section headings, or any headline text.
• Paragraph — write your event description, mission statement, or any body copy.
• Image — upload event photos, hero banners, or your organization's logo.
• Button — create call-to-action buttons like "Get Tickets," "Donate Now," or "Register."
• List — add event schedules, agendas, or feature highlights.
• Table — display pricing tiers, schedules, or other structured data.

 

Step 5: Add Your Campaign Offers

One of the most powerful features of Page Design Studio is the ability to embed your campaign's offers directly into the page.

1. Click Offers in the INSERT toolbar.
2. You'll see the offer types available for your campaign — tickets, giving levels, sponsorships, items for sale, raffle entries, etc.
3. Select the offer type you want to add and it will appear on your page, pulling directly from the offers you've already configured in the campaign.

This means your page stays in sync with your campaign settings. If you update a ticket price or add a new sponsorship tier, the page reflects those changes automatically.

Configuring Offer Blocks

Once an offer block is on the canvas, click on it to open its dedicated settings panel. Each offer type has its own configuration options. For example, the Ticket Sales block lets you customize:

• Button Label — the text on the action button (e.g., "Register," "Buy Tickets").
• Promo Link Label — the text for a promo code link (e.g., "Apply Promo Code").
• Group Tickets By — how tickets are organized (e.g., by Session).
• Columns — how many columns to display tickets in (e.g., 2 Columns).
• Constrain Width / Max Width — control the block's width on the page.

Each block also has a Style tab for adjusting visual settings like colors and spacing. Click Apply to save your changes.

 

Step 6: Add Prebuilt Content and Widgets

Beyond basic content blocks and offers, Page Design Studio includes prebuilt content sections — pre-designed, ready-to-use components you can drop into your page.

Click Prebuilt Content in the INSERT toolbar to browse available options. These might include hero banners, progress bars, sponsor grids, countdown timers, and more.

Customizing Widgets

Many prebuilt widgets have their own unique configuration options. When you click on a widget on the canvas, its settings panel opens with options specific to that widget type. For example:

• The Event Countdown widget lets you choose from multiple visual variations (different styles/layouts), plus customize colors and styling.
• The Sponsor Ticker lets you control scrolling speed, logo size, and display options.
• Other widgets have their own settings for content, behavior, and style.

Each widget's settings panel has a Settings tab (content and behavior) and a Style tab (visual appearance). Explore both to get the look and feel you want.

 

Step 7: Add Buttons and Links

Buttons are how visitors take action on your page — buying tickets, donating, registering, or visiting external resources.

1. Click Buttons & Links in the INSERT toolbar (or drag a Button block from the Content panel).
2. Click the button on the canvas to select it, then use the Settings panel on the left to configure:
   • Button text — what the button says (e.g., "Get Tickets," "Donate Now").
   • Link destination — where it goes when clicked (ticket purchase, donation form, external URL, etc.).
   • Style — colors, size, shape, and alignment.

 

Step 8: Customize and Fine-Tune

Now that your content is in place, spend some time refining the details:

• Click any element on the canvas to select it and see its settings in the left panel.
• Adjust spacing — use padding and margin settings to give your content breathing room.
• Edit text inline — click directly on text blocks to type and format content right on the canvas.
• Rearrange blocks — drag elements up or down to reorder them.
• Duplicate or delete — hover over any element to see quick action controls.

 

Step 9: Preview on Desktop and Mobile

Before publishing, check how your page looks on different screen sizes:

1. Use the Desktop / Mobile toggle at the top of the canvas to switch between views.
2. Look for any text that's too small, images that overflow, or buttons that are hard to tap on mobile.
3. For a full-screen preview, click View Full Page in the page bar — this opens your page in a new browser tab exactly as visitors will see it.

 

Step 10: Save Your Work

Click Save Page in the page bar. This saves your current progress as a draft — it does not make the page public.

Get in the habit of saving frequently as you build. If you ever need to undo recent changes, you can use Publish → Discard Changes to revert to the last published version.

 

Step 11: Publish Your Page

When you're happy with how everything looks:

1. Click the Publish button in the top bar.
2. Your page goes live immediately and will be visible to visitors at your campaign URL.

After publishing, you can continue to make edits. Just remember to click Save Page and then Publish again to push updates live.

What About the Publish Dropdown?

Click the small arrow next to the Publish button to access additional options:

• Archive — removes the campaign from public view. Useful when your event is over and you want to take the page down.
• Discard Changes — reverts to the last published version, undoing any unsaved edits since your last publish.

 

Quick Recap

Here's the full flow at a glance:

Step	What you're doing
1	Open Page Design Studio from your campaign.
2	Choose a template and toggle features on/off.
3	Set your campaign colors (start from a Brand Kit or from scratch).
4	Build your layout with rows and content blocks.
5	Add campaign offers (tickets, sponsorships, etc.) and configure them.
6	Drop in prebuilt content and customize widgets.
7	Add buttons and links with call-to-action destinations.
8	Fine-tune spacing, text, and element positions.
9	Preview on desktop and mobile.
10	Save your work.
11	Publish and go live!

 

What's Next?

Congratulations — your first campaign page is live! Here are some things you might want to explore next:

• Add more pages — use Page Tools → Add Page to create additional pages like a Thank You page, Sponsor Hub, or Team Leaderboard.
• Save your page as a template — if you're happy with this layout, use Page Tools → Save as Template so you can reuse it for future campaigns.
• Use merge fields — toggle on dynamic placeholders via Page Tools → Toggle Merge Fields to insert live data like campaign goals and amounts raised.