• * eFlyerMaker Forms Builder plugin for Wordpress

  1. Installation

  2. Get Started

  3. Setup a signup form

  4. Customize

  5. FAQ

Setup a signup form

Display the form in a WordPress page

1. From your WordPress' Dashboard, go into your page's list and select the page where you want to display your form. You can create a new page if needed.

2. Click on the eflyermaker icon located at the right of the toolbar.
3. A modal window should appear containing the list of your saved forms.
4. Select the Form you want, then save your page.
5. The form should now appear in the page.

   
   
   
   

Display the form in the SideBar

1. From your WordPress' Dashboard, go in Appearance then select Widgets

2. In the "Available Widgets" list, you should see "eFlyerMaker Form".
3. Drag the "eFlyerMaker Form" widget into the Sidebar.
4. Choose a Title
5. Select the form you want to display
6. Save and go on your site and see the changes.

   
   
   
   

Display the form as a Popup

1. From your WordPress' Dashboard, go into your page's list and select the page where you want to display your form. You can create a new page if needed.

2. Click on the eflyermaker icon located at the left of the toolbar.
3. A modal window should appear containing the list of your saved forms.
4. Select the Form you want
5. Make sure to check the checkbox "Set as popup"
6. Leave the "Popup trigger(s):" field empty than save your page.
7. The form should now appear in the page.

   
   
   
   

Trigger Popup Form from Button (case A)

Not only can you set your sign-up form as a pop up, you can also set it as a pop up with a trigger. For example: If someone clicks on a "Subscribe" button on your website, the pop up form appears.

1. From your WordPress' Dashboard, go into your page's list and select the page where you want to display your form. You can create a new page if needed.

2. Click on the eflyermaker icon located at the left of the toolbar.
3. A modal window should appear containing the list of your saved forms.
4. Select the Form you want

5. Make sure to Check the checkbox "Set as popup"
   

6. In the "Popup trigger(s):" field, type in the Class or Id of your trigger.

   • # refers to an Id

   • . refers to a Class.
     

   You can have as many triggers as you want. If the field is left empty, the form will revert to a simple pop up.
7. Click "Ok"
8. Switch the view from Visual to Text(HTML)
9. Make sure the Id and Class identified as triggers are the same as the actual Id and Class in your HTML.
10. Save the page
11. Use the preview to test your triggers.

Trigger Popup form from Button (case B)

In case you'd want a smaller form on the page with just the email field and the button. Once the visitor clicks on the confirm button, the popup is triggered and the full form appears with the email field already filled.

To do so:

1. Follow same instructions of Case A

2. In the source code of the button, add this attribute : efmfb-email

3. This value is the Id of the referring Field. Code Sample :

   [eFlyerMaker-form form_id="1" is_popup="true" popup_onclick="#TriggerID"]
   
   <strong>Please subscribe to our newsletter :</strong>
   <input name="email" size="45" type="text" id="emailinput"/>
   <button id="TriggerID" efmfb-email="emailinput">Confirm</button>

4. Trigger ID is TriggerID which is the button

5. Referring input field ID is emailinput, which is the email address to display in the popup triggered by the button.