Building Page Content

This article is your complete guide to building content inside Page Design Studio. We'll cover the full toolkit: how rows and columns structure your layout, how content blocks fill in the details, how prebuilt sections and offer blocks speed up your workflow, and how buttons and links drive visitor action.

If you're brand new to the editor, start with Navigating the Page Design Studio Editor first to get oriented.

Part 1: Structuring Your Page with Rows

Every page in Page Design Studio is built on rows. Rows are the invisible scaffolding that controls your page's structure — they define how many columns a section has and how wide each column is.

How Rows Work

Think of your page as a vertical stack of rows. Each row spans the full width of the page and contains one or more columns. You place content blocks (text, images, buttons, etc.) inside those columns. This is how you create layouts like:

• A full-width hero image (1-column row)
• Text on the left, image on the right (2-column row)
• Three feature highlights side by side (3-column row)
• A narrow content area centered on the page (1-column row with constrained width)

Adding Rows

1. In the left panel, click the Rows tab.
2. You'll see a selection of row layouts — single column, two equal columns, two unequal columns, three columns, and more.
3. Drag the row layout you want onto the canvas. A blue guide line shows where the row will be placed.
4. Release to drop the row into position.

Once a row is on the canvas, you can drag content blocks into its columns.

Rearranging and Managing Rows

Hover over a row on the canvas to see its controls:

• Move — drag the row handle to reposition it above or below other rows.
• Duplicate — create a copy of the row with all its content.
• Delete — remove the row and everything inside it.

Row Settings

Click on a row (on its outer edge, not on a block inside it) to select it. The Settings tab in the left panel will show row-specific options:

• Column structure — change the number or proportions of columns after placing the row.
• Background color or image — give the row a colored or image background to create visual sections.
• Padding and spacing — control the space inside and around the row.
• Full width vs. contained — make the row stretch edge-to-edge or stay within a centered content area.

Part 2: Adding and Arranging Content Blocks

Content blocks are the individual building pieces you place inside rows. They hold your actual content — the text visitors read, the images they see, the buttons they click.

Available Content Blocks

Switch to the Content tab in the left panel to see all available blocks:

Block	What it's for	Common uses
Title	Large heading text.	Event name, section headings, page headlines.
Paragraph	Body text with formatting.	Event descriptions, mission statements, about sections.
List	Bulleted or numbered items.	Event schedules, agendas, what's included, benefit lists.
Image	Photos, graphics, logos.	Hero banners, event photos, organization logo, speaker headshots.
Button	Clickable call-to-action.	"Get Tickets," "Donate Now," "Register," "Learn More."
Table	Structured data in rows and columns.	Pricing tiers, event schedules, sponsorship comparison, venue details.

Adding a Content Block

1. Make sure you have at least one row on the canvas.
2. In the left panel, click the Content tab.
3. Drag a block from the panel and drop it into a column inside a row on the canvas.
4. A blue highlight shows where the block will land.

You can place multiple blocks inside the same column — they'll stack vertically. For example, a Title block above a Paragraph block above a Button block creates a classic text section with a call to action.

Editing Content Inline

For text-based blocks (Title, Paragraph, List), you can edit content directly on the canvas:

• Click on the text to enter edit mode.
• Type, select, and format just like a text editor — bold, italic, links, alignment.
• Click outside the block to exit edit mode.

Moving, Duplicating, and Deleting Blocks

Hover over any block on the canvas to reveal quick action controls:

• Drag handle — grab and move the block to a different position (within the same column, to another column, or to a different row entirely).
• Duplicate — creates an identical copy of the block directly below the original.
• Delete — removes the block from the page.

Block Settings

Click any block to select it, then use the Settings tab in the left panel to configure block-specific properties. These vary by block type but commonly include:

• Alignment — left, center, right, or justify.
• Padding and margins — spacing around and inside the block.
• Colors — text color, background color (these inherit from your Campaign Theme by default but can be overridden per block).
• Link destination — for buttons and linked images.
• Image sizing — width, height, alt text, and fit mode for image blocks.

Part 3: Using Prebuilt Content Sections

Building a page block by block gives you maximum flexibility, but it takes time. Prebuilt Content sections are pre-designed, ready-to-use page sections that you can drop in and customize — like templates within a template.

What's Available

Click Prebuilt Content in the INSERT toolbar to browse available sections. These are multi-block, pre-designed compositions that might include:

• Hero banners — full-width image sections with overlaid text and a call-to-action button.
• About / mission sections — text-and-image layouts ready for your organization's story.
• Progress bars — progress bar or circular progress options.
• Sponsor grids — logo grids and page ticker for displaying sponsor branding.
• Countdown timers — event countdown widgets with multiple style variations.
• Feature highlights — multi-column cards for showcasing benefits, impacts, or key numbers.
• Footer sections — contact info, social links, and organizational details.

Click a prebuilt section to preview it, then drag or insert it onto the canvas.

Customizing Prebuilt Sections

Once a prebuilt section is on the canvas, it behaves like any other row — you can:

• Click individual blocks inside it to edit text, swap images, or change button labels.
• Adjust the row's background color, spacing, and column structure.
• Rearrange, duplicate, or delete any block within the section.
• Move the entire section up or down on the page.

Widget-Specific Settings

Some prebuilt content sections are widgets — specialized blocks with their own unique configuration panels. When you click on a widget, a dedicated 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 and layouts) plus customize colors and display options.
• The Sponsor Ticker widget has settings for scrolling speed, logo sizing, and display behavior.
• Other widgets have their own unique options for content, behavior, and style.

Each widget's settings panel is divided into a Settings tab (content and behavior) and a Style tab (visual appearance). When you're done configuring, click Apply to save your changes.

Part 4: Adding Offers to Your Page

Offer blocks connect your page directly to the campaign offers you've configured in BetterUnite — tickets, sponsorships, giving levels, items for sale, and more. Instead of manually building pricing cards, you insert an offer block and it pulls live data from your campaign setup.

Inserting an Offer Block

1. Click Offers in the INSERT toolbar.
2. You'll see the offer types available for your campaign.
3. Select the offer type you want to add.
4. The block appears on the canvas, automatically populated with your campaign's offer data.

Available offer types include:

Offer Type	What it displays
Tickets / Registration	Your ticket tiers with names, prices, descriptions, and a purchase/register button.
Sponsorships	Sponsorship tiers with levels, benefits, and commitment options.
Items for Sale	Merchandise, auction items, or other purchasable goods with images and prices.
Fund a Need / Giving Levels	Impact-based donation tiers showing what each level funds.
Raffle Tickets	Raffle entry options with pricing and purchase flow.
Raffle Prizes	Prize showcase with images and descriptions.

Configuring Offer Blocks

Each offer block has its own dedicated settings panel. Click the block on the canvas to open it. The panel is divided into two tabs:

Settings tab (Content & Behavior):

Controls how the offer block works and what it displays. The options vary by offer type, but common settings include:

Setting	What it controls
Button Label	The text on the action button (e.g., "Register," "Buy Tickets," "Donate").
Promo Link Label	The text for a promo/discount code link (e.g., "Apply Promo Code").
Group By	How offers are organized (e.g., group tickets by Session, by Category, etc.).
Columns	How many columns to display offers in (e.g., 1, 2, or 3 columns).
Constrain Width	Toggle to limit the block's maximum width on the page.
Max Width	The maximum width in pixels (when Constrain Width is enabled).

Style tab:

Controls the visual appearance — colors, fonts, spacing, borders, and other design properties specific to that offer type.

Click Apply when you're done configuring to save your settings.

How Offer Blocks Stay in Sync

Offer blocks pull data directly from your campaign configuration. This means:

• If you update a ticket price, add a new sponsorship tier, or change a giving level description in the campaign's Offers section, those changes are reflected on the page automatically.
• You don't need to manually update the page every time you adjust your offers — the offer blocks are live connections to your campaign data.

Part 5: Adding Buttons and Links

Buttons and links are how visitors take action on your page. Every effective campaign page needs clear calls to action — whether that's buying tickets, making a donation, registering, or visiting an external resource.

Adding a Button

You can add buttons two ways:

• From the INSERT toolbar: Click Buttons & Links and choose the type you want.
• From the Content panel: Drag a Button block from the left panel into a row on the canvas.

Configuring a Button

Click a button on the canvas to select it, then use the Settings panel to configure:

Property	What it controls
Button Text	The label visitors see (e.g., "Get Tickets," "Donate Now," "Learn More").
Link Destination	Where the button goes when clicked — ticket purchase flow, donation form, external URL, another page in the campaign, etc.
Open in New Tab	Whether clicking opens the link in the same window or a new browser tab.
Alignment	Left, center, or right-aligned within its column.

Use the Style settings to control the button's visual design — background color, text color, border, border radius (rounded vs. square), size, font weight, and hover effects. Buttons inherit your Campaign Theme colors by default.

Adding Text Links

For inline links within a text block (rather than standalone buttons):

1. Click on a Paragraph or Title block to enter edit mode.
2. Select the text you want to turn into a link.
3. Use the link tool in the text formatting toolbar to set the URL.
4. Link text automatically uses the Link Color from your Campaign Theme.

Button Best Practices

• Use action-oriented text. "Get Tickets" is better than "Click Here." "Donate Now" is better than "Submit."
• Limit buttons per section. One or two buttons per section keeps the page focused. Too many buttons compete for attention and reduce click-through.
• Use visual hierarchy. Make your primary action (tickets, donate) a bold, filled button. Secondary actions (learn more, read FAQ) can be outlined or lighter.
• Make buttons large enough to tap. Mobile visitors are tapping with their fingers — small buttons frustrate users. Check your buttons in Mobile preview.
• Test every link. Before publishing, use View Full Page and click through every button and link to verify destinations are correct.

Putting It All Together: Building a Typical Page

Here's how these pieces combine when building a real campaign page. This isn't the only way to do it, but it's a proven structure that works well for most events:

Order	Section	Built with	Purpose
1	Hero	Prebuilt hero section, or 1-column row with Image + Title + Button	Grab attention, communicate the event at a glance, primary CTA.
2	Event Details	2-column row with Paragraph + Image	Tell the story — date, time, location, what to expect.
3	Tickets / Giving	Offer block (Tickets or Giving Levels)	Let visitors take action — buy tickets or donate.
4	Impact / Mission	1-column row with Title + Paragraph + Image	Why this matters — show impact, share your mission.
5	Sponsors	Offer block (Sponsorships) or Prebuilt sponsor grid	Recognize sponsors and fulfill sponsorship benefits.
7	Countdown / Location	Event Countdown widget + Location Map widget	Build urgency and show where to go.
8	Footer CTA	1-column row with Title + Button	Final push — repeat the primary call to action for visitors who've scrolled.

Content Building Cheat Sheet

I want to...	Use this
Set up the page's column structure	Rows tab in the left panel.
Add a heading, paragraph, image, or table	Content tab in the left panel — drag and drop.
Drop in a ready-made section quickly	INSERT → Prebuilt Content in the toolbar.
Show my tickets, sponsorships, or giving levels	INSERT → Offers in the toolbar.
Add a clickable call-to-action	INSERT → Buttons & Links or drag a Button from Content tab.
Fine-tune a specific block's appearance	Click the block → Settings tab in the left panel.
Configure an offer block or widget	Click the block → dedicated Settings / Style panel → Apply.
Add a link inside body text	Click the text block → select text → use link tool in text toolbar.

Related Articles

• Introduction to Page Design Studio
• Navigating the Page Design Studio Editor
• Creating Your First Campaign Page
• Managing Multiple Pages in a Campaign
• Saving, Previewing, and Publishing Pages