How to build a landing page with Forms

In order to provide the best experience for our clients by reducing the loads on our servers use this document as an SOP for building a landing page with our Forms tool.

Why is this important?

Our Forms tool is not built to host landing pages. Landing pages are anticipated to have a lot of traffic, image(s) loaded into the Patch File Manager tool, and served up every time someone visits the landing page. This is expensive on our servers so at this time it is best to encourage clients to host the landing page image on an image hosting service/CDN to reduce costs on our servers.

Example Form

Form Editor: https://app.patchretention.com/

/forms/65ef0806c7ae108f38fa0689?step=1

SmartLink URL: https://api.citygro.com/form2/65ef0806c7ae108f38fa0689/635898 

Steps

1. Have the client create an image file of the landing page they would like to use
2. Have the client upload the image to an image hosting service such as
   1. Photobucket
   2. ImgBB
   3. Postimages
3. Have the client provide a URL to the landing page image
4. Create a new form in the account
5. In Step 1: Details 
   1. Add the following HTML snippet to the Top Content > HTML of the form

<p><img src=”LINK TO LANDING PAGE IMAGE” ><p>

2. Add the following CSS snippet to the Top Content > CSS

p {

  margin-bottom: 0 !important;

}

3. Check the “Make this form Read-Only” in the Forms Options section
4. Remove all the default contact fields
5. Remove the default bottom content message by using a space
6. In Step 2: Design
   1. Uncheck “Display my logo”
7. In Step 3: Success Page
   1. Disable the Success Page
8. Save the form
9. Test the form from the SmartLink in Step 5: Installation
10. If there are any formatting issues please reach out to Vera Lake via Slack or ClickUp