Skip to main content

Embed form

This section details the most important features of Forms. Many features are set on a global level helping you to save time. If you need to adjust these values for specific forms, you can do that too.

caution

Apple Pay is not supported in embedded forms. If you want to use Apple Pay with forms, use the URL feature without embedding the form itself.

WIX​

The following tutorial details how you can embed your form into your own WIX website.

Choose your site​

Log in to WIX and go to the Sites page. Choose the site you wish to embed the form into. Hover over the card and click on the Select & Edit Site button.

WIX Site

Choose your page​

Choose the Page(s) you wish to embed the form into. Click on the desired one.

WIX Pages

If you would like to add a new page click on the Manage Pages button and then click on the Add Page button.

WIX New Page

Add a New Element to your page​

Click on the + icon on the lefthand side. Choose the Embed Code from the menu and then click on the Popular Embeds button.

You'll need to add the Embed HTML Element (highlighted with blue on the screenshot below). You'll see that the element has been placed on the page.

WIX New Element

Paste the Iframe​

Click on the Edit Code button in the HTML Code Section.

WIX Code Snippet Section

Paste the Iframe into the Add your code here (HTTPS only): field.

WIX Paste Code

You can copy your form iframe code snippet easily by clicking on Copy Iframe dropdown button on the Forms page in the Revere Payments Hub. It should look like the following example snippet.

<iframe width="100%" height="640px" src="http://merchant.reverepayments.dev/forms/<yourFormId>" />
tip

Always fill out the alt text section. Write descriptive text so that it will be properly displayed in search engines.

Configure the HTML Code Section​

We recommend stretching the HTML Code section to full width. This will ensure that the form is fully functional and aesthetic on every device.

WIX Stretch Code

Preview your page​

Make sure to preview your page on desktop and mobile size before saving. Adjust if needed. Only save when you feel comfortable with the layout.

WordPress​

The following tutorial details how you can embed your form into your own Wordpress website.

Log in to your site​

Go to the login page of your Wordpress website. It is usually the domain followed by /admin/ or /login/. It should look like:

www.example.com/admin/
www.example.com/login/
www.example.com/wp-login.php

Please replace example.com with your own domain name.

Choose your page​

Choose the Page(s) you wish to embed the form into. Hover over the desired one and click on the Edit button.

Wordpress Pages

If you would like to add a new page click on the Add New button at the top of the page.

Add a New Element to your page​

Click on the + icon at the top of the page next to the Wordpress logo. Enter HTML into the search field.

You'll need to add the Custom HTML Element (highlighted with blue on the screenshot below). You'll see that the element has been placed on the page.

Wordpress New Block

Paste the Iframe​

Click in the Write HTML... input field.

Paste the Iframe into the field.

Wordpress Custom HTML Block

You can copy your form iframe code snippet easily by clicking on Copy Iframe dropdown button on the Forms page in the Revere Payments Hub. It should look like the following example snippet.

<iframe width="100%" height="640px" src="http://merchant.reverepayments.dev/forms/<yourFormId>" />

The input field should look like this after the IFrame has been pasted.

Wordpress IFrame pasted into HTML Block

Configure the Custom HTML Block​

We recommend stretching the Custom HTML Block to full width. This will ensure that the form is fully functional and aesthetic on every device.

Preview your page​

Make sure to preview your page before saving. Adjust if needed. Only save when you feel comfortable with the layout.