1. 1. Upfront Installation and Overview
    1. 1.1 Upfront Basics
    2. 1.2 Choosing and Installing an Upfront Starter Theme
    3. 1.3 Installing the Upfront Builder Plugin
  2. 2. Upfront Admin Settings
    1. 2.1 General Settings
    2. 2.2 User Restrictions
    3. 2.3 Experimental Settings
  3. 3. Upfront Editor Tour
    1. 3.1 Activating the Upfront Editor
    2. 3.2 Basic Editor Tools
    3. 3.3 Media Management
    4. 3.4 Manage Posts and Pages
    5. 3.5 Drag and Drop Elements Toolbox
    6. 3.6 Global Theme Settings
    7. 3.7 How to Enable and Disable Responsive Mode
    8. 3.8 Toggling the Grid View
    9. 3.9 Saving and Exiting the Upfront Edtior
  4. 4. Upfront Theme Global Settings
    1. 4.1 Global Background
    2. 4.2 Regions
    3. 4.3 Global CSS
    4. 4.4 Fonts
    5. 4.5 Theme Colors
  5. 5. Upfront Regions and Backgrounds
    1. 5.1 Editing, Adding, and Deleting Regions
    2. 5.2 Region Types
    3. 5.3 Region Backgrounds
    4. 5.4 Custom Region CSS
  6. 6. Upfront Elements
    1. 6.1 Using Drag & Drop
    2. 6.2 Text Element
    3. 6.3 Image and Gallery Elements
    4. 6.4 Slider Element
    5. 6.5 Map Element
    6. 6.6 Menu Element
    7. 6.7 Widget Element
    8. 6.8 YouTube and Like Box Elements
    9. 6.9 Contact Element
    10. 6.10 Code Element
    11. 6.11 Tab and Accordion Elements
    12. 6.12 Button Element
    13. 6.13 Login Element
    14. 6.14 Posts Element
  7. 7. Upfront Presets
    1. 7.1 Default Presets
    2. 7.2 Creating, Selecting, Editing and Deleting Presets
    3. 7.3 Appearance Settings and Preset CSS
  8. 8. Upfront Pages and Posts
    1. 8.1 Create A New Post
    2. 8.2 Create a New Page
  9. 9. Using the Upfront Builder
    1. 9.1 Requirements
    2. 9.2 Options
    3. 9.3 Modify Existing Theme
    4. 9.4 Create New Upfront Theme
    5. 9.5 Make Your Masterpiece
    6. 9.6 Save Your New Theme
  10. 10. Upfront MarketPress and WooCommerce Integration
    1. 10.1 Getting Started with MarketPress and WooCommerce and Upfront
    2. 10.2 Creating Upfront Store Pages with MarketPress or WooCommerce
    3. 10.3 MarketPress and WooCommerce Store Pages in the Upfront Editor
    4. 10.4 Preview of WooCommerce Pages in Upfront Starter Themes
    5. 10.5 Preview of MarketPress Pages in Upfront Starter Themes

While most of Upfront is managed on the front end of your WordPress site, there are a handful of administrative settings.

You’ll find the Upfront settings tab in the admin menu of your wp-admin area.


2.1 General Settings

Link to chapter 1

Upfront’s General Settings page provides information about your Upfront installation, links to more information about Upfront, some custom settings, and troubleshooting/resetting tools.

Version Info

This section tells you which version of Upfront core you have installed, in addition to the starter theme you’re using, and that starter theme’s version. If you’ve got Upfront Builder installed, you’ll find the current version for it here, as well.


Google Maps API Setting

If you’ll be using Google Maps in your Upfront theme, you’ll need to generate and copy a Google API for the maps to work and display correctly. To create a new API key, follow these steps:

Click the link in the API section or go here to start creating your API key.

On the first screen, leave “Create a project” in the drop-down menu, and click Continue.


On the next screen, name your API, and chose which restrictions you’ll need.


And finally, a key will be generated for you. Copy this key.



Paste your key into the Google Maps field on your Upfront General Settings tab.


Debug Options

This section provides several options to help troubleshoot and fix common issues in Upfront.


Reset Upfront Cache

If you experience unexpected quirks after updating Upfront core, resetting the Upfront cache on your site can sometimes resolve this quickly and simply.

Reset Layout to Default

This button will reset your current Upfront layout to the original settings, undoing any changes you’ve made. There is no undo, so use this feature only when needed, and with care.

Reset Theme to Default State

This will reset your entire active Upfront starter theme to the original settings. Like Reset Layout, this will completely undo any changes you’ve made to your currently active theme. Use this with caution, and only when you want to start over with the active theme from scratch.

Helpful Resources

This section provides several links to help you get to know and use Upfront. We’ve included a link to our documentation, our blog series on Upfront, and links to contact support if you’re having issues.



This section is pretty clear, it contains a list of all the Upfront changelogs.


2.2 User Restrictions

Link to chapter 2

Sometimes, a site owner may want to extend some Upfront permissions to non-admin user roles. The Upfront user restriction settings allow you to control who can do what with Upfront, so you can preserve your workflows.

The User Restrictions tab provides a list of Upfront activities down the left side of the page, with a list of all active user roles going across the top. You may toggle a particular user role’s permissions on and off at the top of this chart, and then fine tune the settings with toggles for each activity.


2.3 Experimental Settings

Link to chapter 3

Upfront’s experimental settings are meant for developers, and we advise you leave these alone unless:

  1. You’re a developer who understands these settings or
  2. You’ve been asked to change these settings by our support staff.