You have come to the right place, if you are looking forward to integrate Infusionsoft webform to Divi theme, make it look nicer and validate the required fields before submission. Refine Skill has prepared the simple to follow stepwise guideline which will guide you to integrate Infusionsoft webform to Divi theme. There are several ways to integrate Infusionsoft webform to Divi theme, but we will follow the manual style. This guideline will help you integrating and validating the Infusionsoft webform without using any WordPress plugin.
Integrate Infusionsoft webform to Divi theme without using plugins
Step 1: Copy the unstyled HTML code
Login to your Infusionsoft account. Navigate to Marketing -> Campaign Builder and click on the campaign where you’ve added the webform. When you are in the campaign canvas, click on the webform. It may look something like this in the image (the name might be different).
It’ll take you to the Web Form detail page in the Design tab.
Now, Click on Code tab, select HTML Code (unstyled) and click on the Copy icon, that will copy the HTML snippet in clipboard.
Open any text editor and paste it over there. We’ll adjust few things on the input boxes and the label for the mandatory fields. What we’ll do is to add * in different color so that the user will see it as a mandatory field in the first glance and add a class on each of those divs.
Replace the following part of the code
with the following code. If you have any other mandatory fields, follow the same pattern.