How to create forms or landing pages?
Forms are a great way to collect signups for an event or create a waitlist for a product launch. ShopAgain forms can be used in two ways:
Landing page - you can customize it with a background and then share a link directly on social or emails.
Embedded form - you can embed shopagain form using iframe on your website
Lets create a form.
In the ShopAgain app, on the left sidebar click on the Forms and click on the Create Form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-05_1um7hv1.png)
Give a suitable name to the form and click on OPEN FORM EDITOR to design your form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-06_1mnirp1.png)
From the right side of the editor, you can drag and drop the components and modify it.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-061_tts2nf.png)
You can change the configuration for the form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-07_x52jrx.png)
Save the Form and click on the Launch button.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-08_14ricfj.png)
To embed the Form or use it as a landing page, click on the Copy URL. It will copy the form URL into your clipboard.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-09_13dkt84.png)
To embed, you have to change the theme code and add the user into the Iframe like this :
Use frameborder="0" style="border: none;" to remove the gray border and use height and width to control the size of the iframe.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-20_lk650l.png)
Landing page - you can customize it with a background and then share a link directly on social or emails.
Embedded form - you can embed shopagain form using iframe on your website
Lets create a form.
In the ShopAgain app, on the left sidebar click on the Forms and click on the Create Form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-05_1um7hv1.png)
Give a suitable name to the form and click on OPEN FORM EDITOR to design your form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-06_1mnirp1.png)
From the right side of the editor, you can drag and drop the components and modify it.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-061_tts2nf.png)
You can change the configuration for the form.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-07_x52jrx.png)
Save the Form and click on the Launch button.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-08_14ricfj.png)
To embed the Form or use it as a landing page, click on the Copy URL. It will copy the form URL into your clipboard.
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-09_13dkt84.png)
To embed, you have to change the theme code and add the user into the Iframe like this :
Use frameborder="0" style="border: none;" to remove the gray border and use height and width to control the size of the iframe.
<iframe src="https://spgn.io/48DNXX" width="100%" height="1200px" frameborder="0" style="border: none;"></iframe>
![](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2022-10-0617-20_lk650l.png)
Updated on: 09/08/2023
Thank you!