# Survey

You can incorporate your Survey into your page. If you haven't created one yet, you will be redirected to the Survey page to create one.

If you already added your form but you updated the form from the Survey page, you will have to delete the element and add it again for the update to reflect.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-57e65dc991c1d616e409b1a384a4cf374143d03c%2FSurvey.png?alt=media)

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-7b22a5436eb5d597a68683ca9b3b99259bce55de%2FSurvey%20-%20title.png?alt=media)

There are different spacing options available for adjusting your content. Depending on the Edit option you are working on, the settings will only be applicable to that option. For example, if you are editing a particular Row (the BLUE box), only every content in that Row will follow the command of what settings you make.

* **Padding Left, Right, Top, and Bottom**

  This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.
* You can adjust the top or bottom margin of your content by toggling its bars.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-0cc24b642f37eea209409ca6ce05ee45803454b8%2FSurvey%20-%20Spacing%20Option.png?alt=media)

If you want to replace your survey, you can simply select the new form here.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-34aa7c1e51bb1e7fd59edea5e50527ec4a625b83%2FSurvey%20-%20Survey.png?alt=media)

You can select either the "Open the popup" or the "go-to website URL"

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-e3ad903341c329e58665f4b552ae76a61dab24c8%2FSurvey%20-%20Button%20Action.png?alt=media)

* When you select "Go to website URL" in the "Image Action" icon, it will require you to select which website page you will be settings.
* If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-9ac91f7616252278262770c5f7748c7c24a87b44%2FSurvey%20-%20Visibility.png?alt=media)

Input your custom class here.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-5789461fbe3bc317f51240b104512578bb4c4aee%2FSurvey%20-%20Customm%20Class.png?alt=media)

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-be98403b2eb99e8e40b673c4778944502c34a94b%2FSurvey%20-%20CSS%20Selector.png?alt=media)
