The Global Settings feature allow making changes globally to Landing Pages without having to update each element at a time. On this panel, you can set the global Fonts, Colors and Background. You can also add your own custom CSS which will be also applied to your page.

Finding the Global Settings

1. On the Page Builder bottom right side, find the gear icon that represents Global Settings
2. Click on this gear icon to open the Global Settings panel to set global Fonts, Color, and Background as well as add Custom CSS.
   
3. That’s it! Be sure to always save your changes after setting your global options.

Call To Action, FAQ, Feature, Footer, Headers, Hero, Saved, Favorites

1. In this example, we will be adding a Section. Below is a blank page.
2. Click Sections.
   
3. It will open a selection of templates. In our example, we will be choosing the Features 3 template.
4. Just click the template and it will show like this once added:
   
5. That’s it. Make sure to save your work.

The Mobile Device Preview allows you to see what your page will look like on Desktop vs a Mobile device.

1. For Live Preview, click the Eye icon:
2. To preview in a mobile device, click the Mobile icon:
3. To bring back the preview to the desktop, just click the Desktop icon:

To manage the layout of your pages, you can use the Layout Navigation feature by clicking this icon.

To see and use the saved revision history of a page, follow the steps below.

1. Click the revision icon at the bottom of the left sidebar panel.
   .
2. You can then click on the different versions in the version history to preview the page at that point.
   
3. That’s it! You can now continue to edit the page content from this point forward.

Requirements: The Dynamic text feature is available in Pro & Elite license plans.

Date Based Dynamic Text

Date based dynamic text allows you to create and show dates dynamically. For example say you have an evergreen sale. You could create a headline that says “Our sale ends [#today :%A]”, when the dynamic text code is relaced it will be replaced with the current day like “Our sale ends Tuesday” or what ever day it is for the user. There are a variety of predefined dates.

Today = Tuesday
Tomorrow = Wednesday
Today Date = 3/22/22
Tomorrow Date = 3/23/22
Month = March
Next Month = April
Year = 2022

If you do not see the date you need you can visit the following links to select a date and format. Use this information to create your own dynamic replacement tag.
Example: [#the end of this month :%D]

Query Parameter Dynamic Text

Query parameter dynamic text lets you pass in the data via the query parameter to your page. This is useful if you are running ads and you want to pass in keyword in the ad or to personalize a page with someone’s name. For example, you have a page https://example.com and on this page you have this Headline with this query parameter dynamic text tag
“Hi [q:fname=there]”

If no query parameter was passed in then this is what would be displayed: “Hi there” However is you pass in a query parameter like: https://example.com?fname=John then this is what would be displayed “Hi John”.

Where Can I Use Dynamic Text?

You can use dynamic text anywhere. The headline and text block have a button that will insert it into these blocks but if you need it in some other block just copy the dynamic text code and paste it where you need it.

How To Hide Sections, Rows, Columns and Blocks

Hiding a section (for example)

1. Hover your cursor at the top of the section to make the section handles visible. Then, click on the Section Settings handle button (gear icon) to open the section settings panel.
   

   Quick Tip: You can also open any section, row, column, or block settings panel using the Layout Navigation panel.

   

2. Click on the Advanced tab, then expand the Device Visibility section.
   
3. Toggle the desired option to hide this section on desktop or mobile.
4. That’s it! Your desktop and mobile visitors will now have an awesome experience on your site with your design.

Adjusting Column Sizes

Using the Layout Navigation panel:

1. Open the Layout Navigation panel by clicking on its icon at the bottom of the left side panel.
   
2. On the Layout Navigation panel, select the column you’d like to adjust. This will open the column’s layout settings where you can adjust the Column Width option.
   
3. After adjusting the width of the desired columns, you can save this change and preview the page.

Using the Resize Columns Handle

1. Hover anywhere within the section that contains the columns you’d like to resize. This will show the row’s handle options (in blue) including the Resize Columns option.
   
2. Click on the Resize Columns handle option to turn on the column resize mode. Then, click and drag the column gutter between any two columns to adjust the size of the columns proportionally.
   
3. After adjusting the width of the desired columns, you can save this change and preview the page.

That’s it! You can repeat any of the two methods to resize any column on your SeedProd pages.