How can I add a form to my WordPress website?

Table Of Contents

How to add a infinity interface form to your website #

Watch the video below to learn how to embed a infinity interface form right onto your WordPress website.  You will most likely need to do this if you want to embed your infinity interface Opt-in form onto a WordPress Opt-in Page. 

How to Embed a Infinity Interface Form to Your WordPress Website #

This guide will explain how to embed a Infinity Interface form to your WordPress website. However, it is recommended to use the opt-in page within Infinity Interface for better tracking and conversion rate analysis.

Steps:

  1. Access the Form in Infinity Interface:
    • Open the lead magnet form you want to embed.
  2. Copy the Embed Code:
    • Scroll down to the bottom of the form settings.
    • Click on the “Integrate” tab.
    • Choose “In line” from the dropdown menu.
    • Select “Always show” and “Never deactivate.”
    • Copy the embed code.
  3. Add the Form to Your WordPress Page:
    • Go to the WordPress page where you want to embed the form.
    • Edit the page using Elementor.
  4. Paste the Embed Code:
    • Drag and drop the “HTML” widget to the section where you want the form to appear.
    • Right-click on the widget and paste the copied embed code.
    • Delete any unnecessary text or code within the widget.
  5. Adjust the Form Padding:
    • Click on the form element.
    • Go to the “Advanced” tab and then “Margins.”
    • Adjust the top and bottom margins to reduce extra spacing.
    • In the “Padding” section, increase the left and right margins to improve the form’s layout.
  6. Preview and Update:
    • Click “Preview” to see how the form looks on the page.
    • Make any necessary adjustments to the form size or styling.
    • Click “Update” to save the changes to your WordPress page.

Additional Notes:

  • You can only embed the Infinity Interface form once per page.
  • The buttons and text linking to the form should point to the top of the page where the form is located to avoid unnecessary scrolling.
  • The buttons use anchor links to connect to the form’s location on the page.

Optional Steps:

  • You can edit the form within Infinity Interface to remove unnecessary fields like phone number to reduce the form size.
  • Consider increasing the size of the image next to the form to improve its visual appeal.

What are your feelings
Updated on February 13, 2025