You spend hours refining a client page layout in Divi, publish the changes, and then realise the default setup makes it difficult to track leads. Enquiries get buried in a busy email inbox, or the form lacks basic controls for international numbers and spreadsheet syncing. When you need a reliable way to collect messages directly inside your custom layout, using a shortcode is one of the cleanest methods available.
I built Diviniket WP Forms to give website owners a practical way to manage forms without writing custom PHP or wrestling with bloated setups. If you build pages with the Divi Builder, you do not need a complex setup to get a working contact form on your site. By pairing Divi with a standard WordPress shortcode, you keep full control over your layout while managing entries, notifications, and anti-spam controls from a central dashboard.
How Divi Form Shortcode Integration Works
Divi comes with its own visual modules, but it also allows you to insert standard WordPress shortcodes anywhere on a page. Diviniket WP Forms does not inject a heavy, proprietary Divi module into your layout. Instead, it relies on a standard shortcode that runs through Divi's existing content elements.
This approach gives you flexibility. You can place your form inside a narrow sidebar column, a footer row, a popup, or the main body of a landing page. Divi handles the structure of the page, while the plugin handles the processing, validation, and storage of the data. Because the plugin processes form submissions using AJAX, your visitors can submit the form without the entire page reloading. This creates a much smoother experience on complex Divi layouts.
When you create a form, the plugin assigns it a unique numeric identifier. You take that identifier, wrap it in the plugin shortcode, and paste it into Divi. The builder then renders the fields, buttons, and styles on the front end exactly where you placed them.
Building Your Form Before Placing It in Divi
Before touching the Divi Builder, you need to set up the form fields in the WordPress dashboard. Navigate to the Divine Forms section to get started. You can build your layout with our visual form builder, which allows you to assemble the required fields quickly without editing raw code.
When putting together a Divi contact form, you can pick from several documented field types depending on what information you need from your visitors:
- Name field: A dedicated field for the visitor's name. When you view submissions later, the plugin prioritises this field in your entries list.
- Email field: A standard field for capturing email addresses for customer questions, general enquiries, or support requests.
- International phone input: An input field featuring a country flag selector and automatic country code prefixing, which is useful if you deal with international clients.
- File upload field: Allows visitors to attach documents or images to their message. The interface displays the selected file name and provides a button to remove the file before submission.
Once you configure the fields, save the form. The interface will generate a unique shortcode that links directly to this specific configuration. Copy this snippet so you can paste it directly into your Divi layout.
Step-by-Step: Adding the Form to a Divi Layout
Once your form is saved and your shortcode is copied, you can open Divi and place the form on any page or post. Here is the exact walkthrough for adding your shortcode to a page:
- Go to the Divine Forms menu in your WordPress dashboard, create or edit your form, and save your changes.
- Copy the shortcode generated for your form. The shortcode will look like this:
Keep in mind that 123 is only an example ID. You must replace it with the actual number shown in your form settings.[divismfo_form id="123"] - Open the page where you want the form to appear and click to edit with the Divi Builder.
- Add a new row or select an existing column where you want the form to sit.
- Insert a Code module or a standard Text module from the Divi module list.
- Paste your copied shortcode directly into the content box of that module.
- Save the module settings, save the Divi page draft or update the live page, and open the page in an incognito window to verify that the form displays and submits correctly.
Using a Code module is generally the safest option in Divi because it prevents visual text filters from wrapping the shortcode in unwanted paragraph tags.
Styling and Fitting Forms into Divi Columns
Divi gives you complete command over section spacing and column widths, but form controls themselves often look misaligned if the form plugin lacks basic styling settings. Diviniket WP Forms includes documented controls that let you adapt the form to match your site design directly from the admin panel.
Inside the form customizer settings, you can adjust:
- Form width and height: Set explicit boundaries so the form does not stretch awkwardly across wide Divi rows.
- Form alignment: Align the entire form to the left, centre, or right of the Divi column.
- Background opacity: Adjust the transparency of the form background to blend with Divi section colours or image backgrounds.
- Input text and placeholder colours: Adjust field text colours, placeholder colours, and placeholder transparency to keep your labels legible against light or dark themes.
Because the forms are responsive and mobile-ready, they naturally adjust when users switch between desktop and mobile screens. If you use a multi-column row in Divi, such as placing company contact details on the left and the form on the right, you can set the form width to fit the column neatly without editing stylesheet files.
Handling Submissions, Notifications, and Spam
Once your form is active on a live Divi page, you need to ensure the submissions reach you reliably. WordPress emails can sometimes fail if your hosting server has strict sending limits. To protect you from losing leads, the plugin automatically stores form submissions in plugin-owned database tables within your WordPress installation.
You can review, manage, and export your collected submissions anytime by heading to Divine Forms > All Entries in your WordPress dashboard. This keeps all your enquiries in one central spot instead of scattering them across different mailboxes. You can also configure email notifications for administrators to alert you when a new enquiry arrives, as well as confirmation emails for your visitors.
If you prefer managing customer enquiries inside spreadsheets, you can use our built-in Google Sheets integration. By connecting a Google service account, the plugin can validate your spreadsheet details and send new entry rows directly into your chosen sheet. Uploaded file references can also be passed along with the submission data.
To keep automated spam bots away from your forms, you can configure built-in spam protection. The plugin includes a built-in Honeypot option that catches basic bots without showing challenges to real users. If you need stricter protection, you can configure global API credentials for Google reCAPTCHA v2, Cloudflare Turnstile, or hCaptcha, and then toggle the protection on or off on individual forms.
Limitations and What to Know First
I believe in being clear about what a tool can and cannot do. Diviniket WP Forms is built for straightforward contact forms, feedback forms, lead generation, and booking enquiries. It does not try to be an enterprise application suite.
Here are several limitations to keep in mind when planning your Divi pages:
- There is no dedicated Divi module. Integration works purely through WordPress shortcodes using Divi's Text or Code modules.
- The plugin does not support conditional logic, multi-step forms, calculations, or complex branching workflows.
- Earlier plugin releases contained experimental integrations, but version 1.2.1 permanently removed built-in WhatsApp, PDF generation, and payment processing. Do not expect payment buttons or instant document generation.
- While the form uses AJAX for smoother submissions, AJAX does not guarantee that your site will never experience caching conflicts. If you use aggressive page caching, test your form thoroughly.
- Booking enquiries are collected as standard form entries. The plugin is an enquiry tool, not a full appointment scheduling calendar.
FAQ
Does Diviniket WP Forms offer a native Divi visual module?
No, there is no dedicated Divi module included in the plugin. You add forms to Divi by copying the generated form shortcode and pasting it into Divi's standard Code or Text module.
Where are the form entries stored after someone submits?
All submissions are saved directly to plugin-owned tables in your WordPress database. You can review and export your collected submissions at any time by visiting Divine Forms > All Entries in your WordPress dashboard.
Can I send entries from my Divi contact form to Google Sheets?
Yes, you can connect a Google service account in the plugin settings to send submission values to a spreadsheet. Once configured and verified, the plugin appends new entries to your designated Google Sheet whenever a submission is processed.
Do I need an external CAPTCHA provider to stop spam?
No, an external provider is not required because the plugin includes a built-in Honeypot feature. However, if you need extra protection, you can configure API keys for Google reCAPTCHA v2, Cloudflare Turnstile, or hCaptcha.
What happens to my form entries if I uninstall the plugin?
The plugin includes a specific setting called Delete All Data on Uninstall. If you turn that setting on before removing the plugin, your data will be removed, but it is not deleted by default.
If you run into questions while setting up your forms, take a look at our step-by-step demonstrations on the Diviniket YouTube channel. You can also connect with me directly on my Aditya Singh LinkedIn profile to share feedback or ask questions about upcoming releases.