Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

MageSuite offers the possibility to build and manage forms using the Plugin Company Contact Forms extensionPlugin Company Contact Forms extension.33 You can find the full user manual of the extension under following link:   https://plugin.company/knowledge-base/docs/magento2-custom-contact-forms/user-manual/form-

 

In the following you will only find a brief introduction to the extension. We recommend to take a look at the full user manual from the link above to obtain further details.

...

Before starting to create new contact forms you should take a look on the configuration. Access CONTENT / CONTACT FORMS / CONFIGURATION. In the GENERAL SETTINGS section you can adjust

 

_________________________________________  

33 Here you can find the extension: https://plugin.company/magento2-extensions/custom-contact-forms.html

settings for breadcrumbs, URL generation as well as the ReCaptcha keys. In order to configure the customer notification settings, i.e. e-mail sending to customers, open the DEFAULT CUSTOMER NOTIFICATION SETTINGS area. Also you should take a look on the configuration of DEFAULT ADMIN NOTIFICATION SETTINGS and adjust the notifications sent to the admin.

...

In order to create a new form you have to complete a couple of steps.

 

...

Frontend Style: In this section you can actually build the form. You can use the form builder to insert input, select, dropdown fields via drag & drop.

  1. Form Settings:

...

    1. Enter a FORM NAME to display in breadcrumbs and which is also used as the page title

...

    1. Choose if you want to a CREATE FRONT-END URL for the new form

...

    1. Enter the URL KEY

...

    1. Choose if you want to SAVE FORM SUBMISSION in the admin panel

...

    1. In case you want to have a custom prefix for the submission ID (e.g.

...

    1.  for RMA submissions),

...

    1. you can enter it in FORM SUBMISSION ID PREFIX

...

    1. Enable the form using the ENABLED select field

...

    1. You can check the FRONT-END URLS in the field above

  1. You can enter CUSTOM JAVASCRIPT in the code input fields

  1. You can adjust 

  1. You can adjust CUSTOMER NOTIFICATION settings for the given form.

...

  1. These will override the settings made in the configuration in CONTENT / CONTACT FORMS / CONFIGURATION

  1. You can adjust 

  1. You can adjust ADMIN NOTIFICATION settings for the given form.

...

  1.  These will override the settings made in the configuration in CONTENT / CONTACT FORMS / CONFIGURATION

  2. Select the STORE VIEWS you would like to use the contact form in

  3. In case you are editing an existing form, you can check the FORM SUBMISSIONS

 

When the settings have been made you can click SAVE FORM.

...

The new form is now saved and can be used on CMS pages. For this you will need the ID of the given form which can be checked in the corresponding column. Now navigate to CONTENT / ELEMENTS / PAGES.  Here you can either create a new page or insert the contact form in an existing CMS pageHere you can either create a new page or insert the contact form in an existing CMS page. In either case, expand the CONTENT section in the CMS page configuration. Now add an CC Paragraph component  Now add an CC Paragraph component (see Paragraph). Here you can use a widget to include the form created. Use the following widget in the HTML editor with the ID from the form to be included:

...

<block class="Magento\Contact\Block\ContactForm" name="contactForm" template="Magento_Contact::form.phtml">

<container name="http://form.additional.info " label="Form Additional Info"/>

...

Click SAVE PAGE on the CMS Page configuration page. Now you can access the form using the CMS Page’s URL key you just created or edited Now you can access the form using the CMS Page’s URL key you just created or edited.

 

...

_________________________________________  

33 Here you can find the extension: https://plugin.company/magento2-extensions/custom-contact-forms.html