GitHub

Custom Contact Forms for Magento 2

Drag‑and-drop contact form builder for Magento 2.

Extension pageDocs on GitHub

Installation Guide

User Manual

  • User Manual

    User manual for Custom Contact Forms for Magento 2: configuration and use of the extension.

  • Configuring Custom Contact Forms

    Custom Contact Forms for Magento 2: To configure the extension, navigate to Content > Contact Forms > Configuration in the left Admin Panel menu, or go to Stores > Configuration and select…

  • Creating a Custom Contact Form

    Custom Contact Forms for Magento 2: Navigate to Content > Contact Forms > Manage Forms in the left Admin Panel menu to create and manage your custom contact forms.

  • Form Builder

    Custom Contact Forms for Magento 2: In the Form Builder interface you can build up your contact form by selecting form components on the right side of the page and dragging and dropping them in the Contact Form area on the left.

  • Conditional Form Fields

    Custom Contact Forms for Magento 2: In the Conditional Form Fields tab you can make any of the form components that have been added to the contact form conditional, meaning that the form…

  • Form Settings

    Custom Contact Forms for Magento 2: In the Form Settings tab you can enter a form name for admin reference, which will be also shown in the breadcrumbs navigation and contact form page title (if applicable).

  • Front‑end Style

    Custom Contact Forms for Magento 2: In the Front‑end Style tab you can change the appearance of the contact form by choosing one of the 18 integrated Bootstrap themes, or use your custom Bootstrap based store theme.

  • Custom Javascript

    Custom Contact Forms for Magento 2: Using the Custom Javascript tab you can add arbitrary Javascript to be executed on page load, before or after form submission.

  • Customer Notification

    Custom Contact Forms for Magento 2: In the Customer Notification tab you can configure the e‑mails that are sent to the customer and optional BCC recipients when a contact form has been submitted (if enabled).

  • Admin Notification

    Custom Contact Forms for Magento 2: In the Admin Notification tab you can configure the e‑mails that are sent to the admin and optional BCC recipients when a contact form has been submitted (if enabled).

  • Translations

    Custom Contact Forms for Magento 2: As of Custom Contact Forms v100.5.0, it's possible to translate all form fields and notification e‑mails for each store view in the General Translations and…

  • Form Submissions

    Custom Contact Forms for Magento 2: For each contact form you can choose to save its form submissions in the Admin Panel by enabling the 'Save form submissions' option in the Form Settings tab.

  • Creating Custom Contact Form Widgets

    Custom Contact Forms for Magento 2: Contact forms can be inserted anywhere in your Magento store by creating a custom contact form widget.

  • Widget Options

    Custom Contact Forms for Magento 2: When creating a contact form widget you can configure the front‑end display options in the Widget Options section / tab as further explained below.

  • Custom Contact Form Front‑end Examples

    Custom Contact Forms for Magento 2: Below you'll find front‑end examples of the various contact forms display options.

Tutorials

  • Adding Forms to CMS Pages and Blocks

    Custom Contact Forms for Magento 2: You can easily insert one or multiple forms into Magento CMS pages and blocks using the Custom Contact Forms widget.

  • Adding Forms to Layout Updates

    Custom Contact Forms for Magento 2: Besides adding forms to CMS pages and blocks, you can also use the Custom Contact Forms widget to insert forms in a specific section of a page layout, such…

  • Adding Custom Variables to E‑mail Notifications

    Custom Contact Forms for Magento 2: The Custom Contact Forms e‑mail notifications support the use of custom variables, allowing you to automatically add any submitted form data to your customer and admin notifications.

  • Prefilling Forms Using Variables

    Custom Contact Forms for Magento 2: The Default Value option for input field allows you to prefill forms with any desired information, including variables that can be used to auto-complete…

  • Adding Forms to PHTML Templates

    Custom Contact Forms for Magento 2: In both examples, the bold {{widget code}} can be generated by adding a Custom Contact Forms widget to a CMS page or block.

  • Add a Custom Integration

    Custom Contact Forms for Magento 2: You can easily extend our Custom Contact Forms extension, or integrate it with an external service.

  • Change the Loading Image

    Custom Contact Forms for Magento 2: Create the following file

  • Open a Pop‑up Form on Page Load

    Custom Contact Forms for Magento 2: In some cases it might be useful to show a pop‑up form directly on page load. Below you'll find instructions how to do this.

  • Open a Pop‑up Form Based on a URL Parameter

    Custom Contact Forms for Magento 2: In some cases it might be useful to show a pop‑up form directly on page load when a specific URL parameter is set.

  • Custom Form Field Validation

    Custom Contact Forms for Magento 2: The instructions below will show you how to add a custom form field Javascript validation rule to a Custom Contact Form.

  • Add a Form Widget Using Layout XML

    Custom Contact Forms for Magento 2: In some cases you might want to add a Custom Contact Forms widget to a page by editing the corresponding layout .xml file.

  • Replace the Default Contact Form

    Custom Contact Forms for Magento 2: You might want to use a Custom Contact Form instead of the default built‑in Magento contact form.