Building Your Enrollment Site: Complete Guide

Ready to create an amazing enrollment site that converts prospective families? This guide walks you through Enrollio's Site Builder, settings, and everything you need to build professional pages that showcase your childcare program.

What Are Enrollment Sites?

Enrollment sites let you create beautiful, client-facing web pages right inside Enrollio. Build a homepage for your childcare center. Create landing pages to capture tour requests. Design dedicated pages for your programs or events.

Enrollio offers two types of site builders with similar features but different purposes:

Landing Pages

Landing pages guide families through a specific action, like booking a tour or joining your waitlist. They follow a clear path from start to finish, which is why you can split test them to see which version converts better.

Enrollment Sites

These are flexible web pages for any purpose—your center's homepage, program descriptions, staff profiles, or parent resources. Unlike landing pages, there's no single path families follow, so split testing isn't available. But you can still use them to capture leads and drive enrollments.

Should I Use Landing Pages or Enrollment Sites?

Both options work great for most purposes. Here's what sets them apart:

  • Split Testing: Only available on landing pages. Create two versions of a page to see which performs better with families.
  • Online Store: Only enrollment sites support the eCommerce feature for selling registration fees, merchandise, or other items.
  • Page View Interface: The analytics dashboard looks slightly different depending on which type you're using.

Pro tip: Use landing pages for tour requests or waitlist signups where you want to test different approaches. Use enrollment sites for your main website and pages where families browse freely.

Getting Started with Templates

When you create a new site, you'll choose from hundreds of templates designed for childcare businesses. Every template is fully customizable—edit colors, images, text, and layout to match your center's brand.

To start with a template:

  1. Click Sites in your main navigation
  2. Click Create New Site
  3. Browse the template library or search by style
  4. Select your template—it loads automatically
  5. Click Edit on any page to open the site builder

[SCREENSHOT: Template selection screen showing childcare-focused templates with preview thumbnails]

Getting Started with AI Page Builder

When creating a new landing page, you can use AI to generate a complete design based on your preferences.

To create a page with AI:

  1. Click Landing Pages in your navigation
  2. Select Create with AI
  3. Choose your industry (childcare/daycare/preschool)
  4. Select your design preferences and content style
  5. Let AI generate your page—takes just a few seconds

Note: You get 5 free AI generations. After that, it's $0.99 per generation.

[SCREENSHOT: AI page builder interface showing industry selection and design preference options]

Site Builder Overview

The site builder works the same whether you're editing landing pages or enrollment sites. Let's walk through how to use it.

Navigation Bar

The navigation bar at the top of your builder gives you quick access to all the key features. We'll cover each section below.

[SCREENSHOT: Site builder navigation bar with labeled sections]

Adding Elements to Your Page

Pages are built using sections, rows, and columns that hold your content elements. Think of it like building blocks:

  • Sections are the largest containers (like a full-width banner)
  • Rows sit inside sections and organize your layout
  • Columns sit inside rows and hold your content
  • Elements are your actual content (text, images, buttons, forms)

To add an element:

  1. Click Add Element in the top right
  2. Use the search bar to find what you need (try "button" or "form" or "image")
  3. Drag the element to where you want it on your page
  4. Drop it in place—the builder creates the necessary structure automatically

Pro tip: You can search by common terms. Try "headline" to find Heading, "schedule" to find Calendar, or "slideshow" to find Image Slider.

[SCREENSHOT: Add Element panel showing search bar and element options like Button, Form, Image, Video]

Understanding Element Structure

Every page element needs proper structure to work. Here's the hierarchy from largest to smallest:

Sections (Green) → Rows (Blue) → Columns (Pink) → Elements (Orange)

The builder now handles this automatically with enhanced drag-and-drop. Just drag an element onto your page and it creates the structure for you.

A few rules to remember:

  • You can't nest sections inside sections, rows inside rows, or columns inside columns
  • You can have multiple rows in a section
  • You can have multiple columns in a row
  • You can have multiple elements in a column

Editing Element Settings

To customize any section, row, column, or element:

  1. Hover over the element
  2. Click the gear icon that appears, or just click anywhere on the element
  3. The settings panel opens on the right

Inside the settings, you can adjust spacing, visibility, colors, and more. Check out both the General and Advanced tabs for all available options.

[SCREENSHOT: Element settings panel showing General and Advanced tabs with common settings like padding, margin, and visibility]

Padding and Margin

Want to add space around your content? You'll use padding and margin.

Padding: Adds space INSIDE an element, pushing content away from the edges. Think of it as internal breathing room.

Margin: Adds space OUTSIDE an element, creating distance between it and other elements. Think of it as external spacing.

You'll find both settings in the element's settings panel on the right side of your screen.

[SCREENSHOT: Settings panel showing padding and margin controls with visual indicators]

Moving Elements

You can reposition any element on your page in two ways:

Option 1: Use the arrows

Hover over an element and click the up or down arrows to shift it among nearby elements.

Option 2: Drag and drop

Hover over an element, click and hold anywhere on it, then drag it to its new position. Release to drop it in place.

[SCREENSHOT: Element with visible move controls including up/down arrows and drag handle]

Reordering Columns

Need to swap the position of columns in a row? Here's how:

  1. Hover over the column you want to move
  2. Click the move icon (six dots)
  3. Drag the column left or right
  4. Drop it in its new position

Cloning Elements

Save time by duplicating elements you've already customized.

To clone an element:

  1. Hover over the element
  2. Click the copy icon
  3. A duplicate appears below the original
  4. Drag it wherever you need it

This works for sections, rows, columns, and individual elements.

Pop-Up Settings

Pop-ups are great for capturing attention when families visit your enrollment site. Use them for special offers, tour booking reminders, or important announcements.

You can customize when and how pop-ups appear, including entry timing, exit intent, and display frequency.

[SCREENSHOT: Pop-up settings panel showing trigger options and display rules]

SEO Meta Data

Help families find your site in Google search results by setting up your SEO metadata.

To add SEO metadata:

  1. Click Settings in the site builder navigation
  2. Select SEO Meta Data
  3. Add your page title (what appears in search results)
  4. Write a meta description (the snippet text below your title)
  5. Add relevant keywords related to childcare, your location, and programs

Pro tip: Include your city/neighborhood name and key services (like "infant care" or "preschool") in your meta description.

[SCREENSHOT: SEO settings showing title, description, and keywords fields with character count indicators]

Preview Mode

See exactly how your page looks before publishing. Click Preview in the top navigation to view your page as families will see it—no changes are saved automatically.

Custom Code

Need to add tracking pixels, custom scripts, or third-party integrations? Use the Custom Code section.

To add custom code:

  1. Click Settings in the navigation
  2. Select Custom Code
  3. Paste your code in the Header or Footer section
  4. Save your changes

Common uses include Facebook Pixel, Google Analytics, or chat widgets.

2-Column Mode vs. Auto Mode

The site builder offers two layout approaches:

Auto Mode: Columns stack automatically on mobile devices for easy viewing. This is the default and works great for most pages.

2-Column Mode: Forces two columns to stay side-by-side even on mobile. Use this sparingly, as it can make content too small on phones.

You'll find this setting in the row settings panel.

Undo and Redo

Made a mistake? Click the undo arrow in the top navigation. Want to redo something? Click the redo arrow. Simple as that.

Versions, Save, and Publish

The builder automatically saves your work, but you control when changes go live.

Save: Click Save to preserve your current changes without publishing.

Publish: Click Publish to make your changes visible to families visiting your site.

Versions: Access previous versions of your page if you need to restore earlier work. Find this in the Settings menu.

Pro tip: Save often while building. Publish only when you're ready for families to see your changes.

Editing Mobile View

Most families will view your site on their phones, so mobile optimization is crucial.

Mobile Mode

Switch to mobile view while editing to see exactly how your page looks on phones.

To toggle mobile view:

  1. Click the device icon in the top navigation
  2. Select mobile or tablet view
  3. Make adjustments specifically for that screen size
  4. Switch back to desktop view when done

[SCREENSHOT: Device toggle showing desktop, tablet, and mobile options]

Hiding Elements on Mobile or Desktop

Sometimes you want different content on mobile versus desktop.

To control element visibility:

  1. Click on the element you want to control
  2. Open its settings panel
  3. Look for Visibility settings
  4. Toggle mobile or desktop visibility on or off

This is perfect for showing simplified content on mobile or hiding large images that slow down phones.

Mobile Responsiveness Settings

Your pages automatically adapt to different screen sizes, but you can fine-tune how they respond.

In the mobile view editor, adjust:

  • Text sizes for readability
  • Button sizes for easy tapping
  • Image scaling
  • Spacing between elements

[SCREENSHOT: Mobile view editor showing responsiveness controls]

Site Settings and Publishing

Before your site goes live, configure your publishing settings.

Attaching Products to Your Page

If you sell registration fees, supply kits, or other items, you can attach products to your enrollment site.

To add products:

  1. Click Settings in the navigation
  2. Select Products
  3. Choose which products to make available
  4. Add an Order Form element to your page
  5. Configure the form to show your selected products

Families can then complete purchases directly on your enrollment site.

Site Stats

Track how your enrollment site performs. View page visits, conversion rates, and which pages families engage with most.

To view stats:

  1. Go to your Sites dashboard
  2. Click Stats next to your site
  3. Review visits, conversions, and engagement metrics

Use this data to improve pages that aren't converting well.

[SCREENSHOT: Site stats dashboard showing visits, conversions, and engagement over time]

Site Sales

If you're selling products through your site, track revenue and transactions in the Sales section.

View total sales, average order value, and conversion rates. Export transaction data for your records.

Publishing Settings

Configure how your site appears to visitors and search engines.

To access publishing settings:

  1. Click Settings in the navigation
  2. Select Publishing
  3. Choose your domain (use your own or a Enrollio subdomain)
  4. Set your homepage
  5. Configure redirects if needed
  6. Enable or disable indexing for search engines

[SCREENSHOT: Publishing settings showing domain configuration and homepage selection]

Page Settings

Each individual page has its own settings for URL, SEO, and more.

To configure page settings:

  1. Open the page in the builder
  2. Click Settings
  3. Set your page path (URL)
  4. Add SEO metadata
  5. Configure tracking codes if needed

Frequently Asked Questions

Can I use my own domain for my enrollment site?

Yes! You can connect your own domain in the publishing settings, or use a free Enrollio subdomain.

Do I need separate sites for different programs?

Not necessarily. You can create multiple pages within one site—one for infants, one for preschool, one for after-school care, etc.

Can I password-protect pages for current families only?

Yes. In the page settings, you can require a password or restrict access to logged-in families.

What happens if I accidentally delete something?

Use the undo button, or restore a previous version from the versions menu in Settings.

Can I clone an entire page?

Absolutely. From your Sites dashboard, hover over any page and click the clone icon. Saves tons of time when creating similar pages.