Hello, My Friend, Welcome back to the DotcomPal Editor series.
Here I am, with another video of the DotcomPal Editor video series.
I am already in the DotcomPal Editor My Friend. I believe that you know how to get to this page editor now.
I have explained each element in separate video for you, so that you can check the functionality of each element and learn how to use them and what they will do.
we will understand about the form element in Widgets.
First click on the Widget as I am clicking.
Now Under Lead Generation you will get Lead Form. Click on the form.
When you click on it then you will get two forms. One will be transparent and another will be White BG.
Now let me tell you the difference between the two.
If you drag and drop the Transparent one then you will get only single layer on the form. See like this. If you click on edit button then you will get these options.
If you choose the White BG then you will another layer on the form. Now click on the layer that is on the outside the form and click on edit button. Now notice that the options here are different. Now using this you can change the Background style. You can change the style of the background, you can change the color of the background, you can even rotate it, and you can even place an image as well. Isn’t it Amazing? Yes it is.
Now by using this element, you can add form on your template to capture your visitor information like their email address, name, phone number etc. and you can also customize your form,
In order to customize your form, you need to click on the edit button.
If you want to place the email tab and form button tab on a particular distance, you can drag and drop them.
It is very easy friends.
As you can see here, you have options like Button Style, pop-ups and bars, link, Form Style, Integration, and consent which you can edit as per your need and can give personal touch to make them more attractive.
In Button style, you can edit the Text of your button like you can edit the Text color, Text Size or Spacing.
By using the Style option, you can edit your button design type (like Flat, Line, Gradient), Drop-shadow angle, border width, 3-d effect, and Corner like square or Rounded.
Using the color option, you can change the button color, text color, hover color, border color, and 3D- color.
You can also choose the emoji here.
Now the best feature of this part is, you can add another pop-up on your form, where you can promote or can advertise your other service or product.
In order to add pop-up on your form you need to click on this Notification icon and then click on Create new pop-up, right after clicking on create new pop-up, you will be redirected to the editor page, here you can edit your pop-up as per your need like you can edit the pop-up Style, Back-ground color, Border color, even if you want you can change the background image also.
Apart from this, you can edit this pop-up just like your other pop-up template as we have provided all the editor elements which you can use to customize your notification or pop-up in this editor.
By using the Form style, you can edit the Text of your Form like you can edit the text color, Text Size, or Spacing. By using the Style option, you can edit your Form design like border width, Corner like square or rounded, Drop-shadow angle, or Inner Shadow effect.
My friend, the next option in Form customization is Integration, which is very essential feature of Form or you can say, the form is incomplete without this feature.
Because we use the form to share information or to collect leads a form is useless if you cannot save the leads coming through it.
So, by using this amazing integration feature you can directly captivate your leads into your desired autoresponder, Webinar, or CRM software.
After clicking on the Integration, you will be taken to the Save leads page where you can see options like Accounts fields, Autoresponder, Webinar, and CRM.
Let’s talk about the Accounts fields first.
Here you can select more fields to show on your form, you can see we have created many important fields here.
Just need to select the one you want to add to the form and click on this save button. You can create any custom filed by going to business settings and then contact management settings, we have created a separate training video for that.
Now, Let’s talk about Autoresponder.
Here you can see all the autoresponder, which you have integrated with your DotcomPal account.
Now, to save your leads in your desired Autoresponder, you do not need to do too much work, you just need to click on the Autoresponder
and here you just need to choose the list, in which you want to save the leads. Apart from this, I would like to drive your attention to the second option which is the Choose field.
Now you will feel the magic of this Integration feature, from here you can directly add custom fields on your Form which you have created under your autoresponder, to add them to your form, you just need to give a checkmark on the fields you want to add on your form and click on save that’s it.
Don’t you think, it’s an amazing feature? Yes, it is.
In the same manner, you can save your leads and can add custom fields on your form by using two other options Webinar and CRM.
One thing that I want to specify there that If you don’t have any third-party autoresponder integrated with your DotcomPal account and you fear losing your leads from this form then you don’t need to worry about it. DotcomPal values your hard earning leads and all the acquired leads will be automatically added to your Accounts on the DotcomPal platform.
Now let’s go back.
The last option here is consent.
Once done with all these settings click on done. And that’s it, this is how you can edit your form.
So, you see my friends, how easily you can add a button and a form and customize them with DotcomPal Editor.
So this was all about the button and form element of DotcomPal Editor.
I hope this was helpful.