Embedding Your SARAL Application Form Using an Iframe

Prerequisites

Before proceeding, ensure that you have the following:

1. The URL of your application form webpage (brandname.trysaral.com)

2. Access to the website where you want to embed the form

Steps

1. Obtain the URL of Your Application Form - Navigate to your application form webpage in your web browser. Copy the URL from the address bar. It should look something like: https://brandname.trysaral.com.

2. Create an Iframe Code

   <iframe src="https://brandname.trysaral.com" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"frameborder="0"></iframe>

   Replace https://brandname.trysaral.com with the actual URL of your application form webpage. Adjust the width and height attributes according to your desired dimensions. You can use pixels (e.g., 500px) or percentages (e.g., 100%).The frameborder attribute is set to 0 to remove the default border around the iframe.

3. Embed the Iframe Code - Copy the entire iframe code you created in the previous step. Go to the website where you want to embed the form. Locate the HTML section where you want to place the form. Paste the iframe code into that section.

4. Save and Test - Save the changes made to the website's HTML. Open the webpage where you embedded the form in a web browser. Verify that your application form appears correctly within the iframe.

Customization Options

You can customize the appearance and behavior of the iframe by modifying its attributes:

1. width: Adjust the width of the iframe to fit your desired layout. You can use pixels or percentages.

2. height: Set the height of the iframe. You can use pixels or percentages.

3. frameborder: Control the visibility of the iframe's border. Set it to 0 to remove the border or 1 to display a border.

4. scrolling: Specify whether scrollbars should appear if the content exceeds the iframe's dimensions. Use yes, no, or auto.

Troubleshooting

If the form doesn't appear correctly or you encounter issues, consider the following:

1. Ensure that the URL of your application form is correct.

2. Check if your application form webpage allows being embedded in an iframe. Some websites may have settings to prevent embedding.

Conclusion

By following this guide, you should now have successfully embedded your application form webpage into another website using an iframe. Users can now interact with your form directly within the embedded page, providing a seamless experience.

Still have questions?

Reach out anytime via the support chat at the bottom-right corner of your dashboard, or email us at support@getsaral.com. We’re happy to assist!