Element Settings in the Funnel and Website Builder
Just in the way that elements have settings in the funnel builder, sections, rows and columns all have settings as well. This is an overview of those settings and how they work. To learn more about the structure and format of FG Funnels pages, visit the article, Page Structure within the Funnel and Website Builder.
In this article:
Adding an Element
To add an Element, Section or Row, click on the plus sign in the upper left hand corner of the funnel builder and select the type of object you would like to add from the left side of the panel that opens. Drag and drop the specific object into the area on the page where you would like it.
Editing an Element
To edit a specific section, row, column, or element, hover over the element then click on the gear setting icon that appears. In addition, clicking on any part of the element will also automatically open the pop-out settings menu on the right.
Within these settings, you can add padding, margin, change visibility, and much more. Also, note the General and Advanced Tabs which offer more settings. Each specific element from the elements panel has it's own article explaining all of the settings and options within.
Image and Video Backgrounds
You can add image or video backgrounds to sections, rows or columns. This is covered in the following two articles:
Padding and Margin
One setting that almost all elements, sections, rows and columns have is padding and margin. When you want to move or put space between elements on your webpage - you are going to be adjusting the Padding or Margin. This is done within the object settings, clicking on the object will pop out this settings menu on the right.
Padding - This will add space WITHIN a section, row, column, or element. Padding will add space from the outside of the object inward.
Margin - This will add distance OUTSIDE of a section, row, column, or element. Giving space between other objects.
Moving an Element
You can move an object by using the up or down arrows seen when hovering over the object. This will shift the element up or down based on the elements around it. In addition, you can move an object by hovering over the object, and then clicking and holding the move icon. This will let you move the object. Release the held click to drop it into its new place.
- Option 1: Up/Down Arrows – will move the object up or down based on the objects around it.
- Option 2: Click and Drag – will allow you to click and drag it where you want it.
Cloning an Element
Hovering over any object will give you the ability to clone that object and everything within it. All settings and objects within the cloned section will be duplicated and then added below. This is great when you have a format or object that you want to use again or somewhere else on the site page.
Deleting an Element
If you need to delete or remove an object, hover over the object then select the trash can symbol. This will delete the object. You can use the Undo/Redo to add it back if you need to if you haven't already saved the page.
