How to Edit Your Website

Out Front CRM's built-in website builder gives you complete control over the look, feel, and function of your business website—no coding required. Whether you're updating existing content or building a new page from scratch, this guide will help you navigate every step with confidence.

Step 1: Access the Website Builder

1. Log in to your Out Front CRM account.

2. In the left-hand sidebar, click Sites > Websites.

3. Select the website you want to edit from the list.

If you don’t have a website yet, click + New Website to start building one using a blank canvas or a pre-designed template.

Step 2: Navigate the Page List

Once inside your website, you'll see a list of all your pages (Home, About, Services, Contact, etc.).

• Click the "Edit" button next to any page to open it in the visual builder.

• You can also duplicate, delete, or reorder pages from this screen.

Keeping your page list organized makes it easier to manage and expand your site over time.

Step 3: Use the Drag-and-Drop Page Builder

Out Front CRM uses a block-based visual builder, so you can simply drag and drop content elements (called widgets) onto your page. The builder is intuitive and fast, with real-time editing that shows exactly how your changes will look to site visitors.

Most Common Widgets:

• Text – Add headings, paragraphs, bullet lists, quotes

• Image – Upload product photos, team headshots, or branded graphics

• Video – Embed a promotional or explainer video

• Button – Create call-to-action buttons (e.g., “Book Now,” “Learn More”)

• Form – Add a lead form to collect contact info

• Calendar – Embed your booking calendar so visitors can schedule with you

• Map – Display your business location

• Testimonials – Show social proof with client reviews

• Countdown Timer – Great for limited-time offers or launches

• Divider – Visually separate sections

• Code/HTML – For advanced users adding scripts, custom widgets, or tracking pixels

To use a widget:

1. Drag it from the left panel to your desired spot on the page.

2. Click the widget to open its settings panel.

3. Customize text, colors, links, padding, margins, and more.

4. Use the toolbar that appears when you hover over an element to duplicate, move, or delete it.

You can also right-click on widgets to access shortcut options, including copy/paste, hide on device, and layer order for overlapping elements.

Step 4: Organize with Rows and Columns

Out Front CRM allows you to structure your pages using Sections, Rows, and Columns:

• Sections contain Rows (used to group content together visually)

• Rows contain Columns (used to layout content side-by-side)

• Columns hold your content widgets

You can:

• Adjust column widths (e.g., 50/50, 70/30 split)

• Stack rows for mobile responsiveness

• Add background images or colors to entire sections

• Apply padding and spacing between rows or columns

This gives you design flexibility while keeping the layout clean and mobile-friendly.

Step 5: Edit Global Elements (Header & Footer)

To update elements that appear on every page:

1. Click “Edit Header” or “Edit Footer” at the top or bottom of the builder

2. You can update:

   • Logo or site name

   • Navigation menu (add/edit links)

   • Contact info and business hours

   • Social media icons

   • Newsletter opt-in

Changes to these areas will be reflected across your entire website.

You can also save header or footer blocks as Global Sections and reuse them on any page, ensuring consistency and saving editing time.

Step 6: Customize Your Site's Look and Feel

Make your website match your brand by going to Sites > Websites > Site Settings. Here you can:

• Choose global fonts and colors

• Upload your logo and favicon

• Set spacing and typography preferences

• Define default button styles

• Set default mobile or desktop visibility settings

You can also enable features like:

• Site-wide animations

• Scroll effects

• Image optimization for faster loading

This ensures a consistent and professional look across all pages and components.

Step 7: Update SEO Settings for Each Page

Each individual page has SEO settings that can help improve your visibility in Google search results and how your page appears when shared on social media.

To access SEO settings:

1. Click the gear icon (Page Settings) in the top menu of the builder

2. You can then edit:

   • Page Title (appears in browser tabs and Google results)

   • Meta Description (helps describe the page to search engines)

   • URL Slug (clean, keyword-rich URLs are best)

   • Featured Image (used when sharing the page on social media)

   • Header/Footer code (for tracking pixels, chat widgets, etc.)

You can also manage noindex/nofollow settings for pages you don’t want indexed by search engines.

Step 8: Preview, Save, and Publish

When you're done editing:

• Click Preview to see what the page looks like on desktop and mobile

• Click Save to store your progress

• Click Publish to push your changes live to the public

You can revisit and edit your pages at any time. There's also a version history tool that lets you roll back to a previous version of a page if needed.

Bonus Features You Might Use:

• Pop-Ups: Display a special offer or announcement

• Sticky Bars: Pin a banner at the top or bottom of the page for promotions

• Form Integrations: Connect forms to workflows, email lists, or appointment booking

• Custom Code Sections: Add CSS, JavaScript, or tracking tools (like Google Analytics, Facebook Pixel)

• Duplicate Pages: Save time when creating new pages by duplicating an existing layout

• Dynamic Content: Show different content to different audiences using conditions (e.g., location, visit history, tags)

That’s It!

Out Front CRM gives you a flexible and intuitive website editing experience, whether you're making a quick update or launching a full redesign. You’re fully in control—no developer required. Make updates as your business grows and keep your site fresh, engaging, and on-brand.