How do I preview Online Actions forms on my Weebly site?
Overview
Before officially launching your website, you can preview how your Online Actions forms will appear within your Weebly site's design by using a special URL format with query strings.
Step 1: Find your form ID
-
Go to your Online Actions form in your database
-
Look at the URL of your form
-
Copy the form ID, which appears after the last forward slash
-
For example, in the URL https://secure.everyaction.com/MeIdy9Aa6UKpRmuIrRe3Ly2, the form ID is MeIdy9Aa6UKpRmuIrRe3Ly2
-
Step 2: Create the preview URL
-
Start with your Weebly site's URL
-
Add "/forms.html?formid=" to the end
-
Paste the form ID you copied after the equal sign
-
The complete URL should look like: https://your-weebly-site.com/forms.html?formid=MeIdy9Aa6UKpRmuIrRe3Ly2
Step 3: Preview the form
-
Paste the complete URL into your browser's address bar
-
Press Enter to load the page
-
You should now see your Online Actions form displayed with your Weebly site's styling
-
Test the form to ensure it appears correctly across different devices
Step 4: Adjust as needed
-
If you need to adjust the form appearance:
-
Return to your Weebly site editor to modify the forms.html page styling
-
Use Online Actions Design options to adjust form-specific elements
-
-
Refresh your preview URL after making changes to see the updated appearance
-
Continue this process until you're satisfied with how your forms look on your site
What else do you need help with?
- Understanding Weebly Integration
- How do I set up the Forms page?
- How do I add a dedicated page for a particular form?
