# Overview and Settings

### Overview

This is the Editor's section of a Funnel/ Website that allows you to create and edit your page. So you have a couple of different options here to work with; the Section, Row, Column, and Element. These edit options are distinguished by their colors; Section - GREEN, Row - BLUE, Columns - LILAC, and Element - ORANGE.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FvMuonW6ZghsS94sdVRcs%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-18fbb8f103d1aaf1d779304605f8d2ddd7ad76c0_Website%20sections%2C%20rows%2C%20and%20columns%20gif%20(1)%20(1).gif?alt=media&#x26;token=acc0e85f-3558-4fae-baa3-1f28f9ba664f" alt=""><figcaption></figcaption></figure>

In the upper left corner of the Overview page, you can set your Funnel/Website to be accessible via Mobile device and Desktop by toggling between the Phone and Desktop icon. You can also click on the "Undo and Redo" arrows to edit changes. If you want to preview your Custom Html/Js, click on the icon next to the "Redo" arrow.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FmrIvlGd8BKOoVLHivMCS%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-748ca7ece6c8cb41df67f68d02e3b2f78349e68d_AT%20-%20SRC%20-%20OVERVIEW%202%20copy%20(1).gif?alt=media&#x26;token=d1aa9587-2279-4192-8ebf-b99fb9efb14c" alt=""><figcaption></figcaption></figure>

In the upper right corner of the page, you can review previous changes made by clicking on the "Version" button. Next to it is the "Preview" button, by clicking on it, you can view how your funnel looks when it's on the web. You also have the "Save" button, always save your changes to avoid losing them. The last icon on the right corner is the "Funnel Page Filter", you can shuffle between the funnel pages you created by clicking on it.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FlHYNGzQ91gXYsL9dwr2O%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-7c49d031d440d4acd1d3709c4bc56f790401da0d_AT%20-%20Funnel%20-%20%20SCR%20-%20overview3.png?alt=media&#x26;token=64200323-727f-461c-afcb-7f3cc80f3c1a" alt=""><figcaption></figcaption></figure>

### Settings

You can also edit the Settings of this page, click on the "Settings" Drop-down menu in the upper right corner of the page to show more edits.

#### SEO Meta Data

{% hint style="warning" %}
Warning: Change the Default SEO Page Title and description.
{% endhint %}

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FraVWBg6AogImDXCh12aP%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-1195d60cdc80e1dba5da8035dbf2716e35948252_AT%20-%20SRC%20-%20OVERVIEW%20-%20Settings%20-%20SEO%20Meta%20Data%20copy%20(1).gif?alt=media&#x26;token=4c82b887-5d6f-41d0-a78f-edc07f5d9c7e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FyFPJ2goFdSYt0ym8Ldcu%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-0129dbe25a02ea87e8671fc89b8a7acb6ae4c9e7_AT%20-%20Funnel%20-%20%20SCR%20-%20overview%20settings.png?alt=media&#x26;token=dd7a3fcd-4f3f-4614-9dd3-1017d5812357" alt=""><figcaption></figcaption></figure>

* **Title**\
  Here you will type in the name for this SEO page. You can't save your work without typing a title for the page.
* **Description**\
  The Description box also is mandatory, you must fill it out to be able to save your work. Type in a short description of the SEO page you are creating.
* **Keywords**\
  You can add common keywords here. When customers make any search containing any of the keywords, your funnel page will pop up among their searches.
* **Author**\
  Type the name of the owner of the Funnel/Website.
* **Social Image**\
  Insert the image or logo you want your targeted audience to see when your page pops up.
* **Custom Meta Tag**\
  You can customize Meta tags for your page by clicking on the "+All" button, and inputting the tag's name and content.
* **SEO Preview**\
  If you want to preview your SEO page simply scroll down below the "SEO Preview" button. It gives you a sneak peek of what your website looks like.

### Tracking Code

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FagMwct5nYcfaEByOKJ8X%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-e7fda61682a22211993e8c39fd65cf08ec81e5b7_AT%20-%20SRC%20-%20OVERVIEW%20-%20Settings%20-%20Tracking%20Code%20copy.gif?alt=media&#x26;token=53753397-4d3a-4a2d-b480-a5ef1603d0a5" alt=""><figcaption></figcaption></figure>

### Custom CSS

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FgThiFIp3swUgCO7yRfD6%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-c7414419b92702f43549da835ddd29b4f2a25275_AT%20-%20SRC%20-%20OVERVIEW%20-%20Settings%20-%20Custom%20CSS%20copy.gif?alt=media&#x26;token=55ef2717-06e6-4e24-aaff-8a0559b957d8" alt=""><figcaption></figcaption></figure>

### Background

Here you can change the background color of your page by selecting from the colors displayed. If the color you want is not in the displayed option, you can add your own custom color by clicking on the "Didn't find your color? Add custom one!" drop-down menu below.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F3wphEhyTrwZWLhJnKI8R%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-14fed89be80b148cf6c5cb8f534208bfee3d96e2_Berrycast%20-%20June%206%2C%202022%20at%2010_41%20copy.gif?alt=media&#x26;token=47e0de16-b52a-4336-a897-91192b8f6f1c" alt=""><figcaption></figcaption></figure>

### Typography

You can change the Text and Link color from the default Black or Blue to any color of your choice but you can't have multiple colors, you can only change the entire text to a particular color.

You can also change the font size of your Headlines and Content.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fopb8wrvHuLpaseSLXXtR%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-2fa0cbd1978ffefc2180bda8de8258e9d3d6b4e7_Berrycast%20-%20June%206%2C%202022%20at%2012_35%20copy.gif?alt=media&#x26;token=1d98c1ad-374e-445d-bee9-bfa269686d3e" alt=""><figcaption></figcaption></figure>

### Popup

By clicking on the popup button, you can add a popup to your funnel/website and you can also edit it by clicking on the "Open Popup Settings" button.
