How do I set up the Forms page?

Overview 

The forms.html page is a critical component of your Weebly site that enables the automatic posting of Online Actions forms. This page comes pre-configured with your site and requires careful handling to maintain its functionality. 

Step 1: Locate your Forms page 

1. Log into your Weebly site and select "Edit Site" 

2. Click on the "Pages" tab at the top of the interface 

3. Look for the page named "forms.html" in your page list 

4. Important: Do not delete this page or change its URL name, as it is essential for the integration 

Step 2: Customize the appearance 

1. Click on the "Build" tab while on the forms.html page 

2. You can safely modify: 

   1. Header elements (logo, navigation, colors) 

   2. Footer elements (contact information, social links) 

   3. Background colors and images 

   4. Any content above or below the custom HTML block 

3. The forms will inherit the overall styling of your site while maintaining their functionality 

Step 3: Preserve the custom HTML block 

1. In the middle of your forms.html page, you'll see a custom HTML block 

2. Do NOT edit or remove this HTML block as it contains the code necessary for displaying your Online Actions forms 

3. The block may appear as a gray box with code elements inside it 

4. You can add content above and below this block, but the block itself must remain intact 

Step 4: Match your Online Actions form design 

1. In Online Actions, customize your forms to complement the design of your Weebly site 

2. Go to the "Design" tab in Online Actions when editing a form 

3. Select colors and fonts that match your Weebly theme 

4. Remember that certain elements (banner images, return URLs, etc.) will be controlled by Weebly rather than Online Actions 

What else do you need help with?

• Understanding Weebly Integration 
• How do I preview Online Actions forms on my Weebly site? 
• How do I publish Online Actions forms to my Weebly site?