How To Create WordPress Contact Forms With Gutenberg

Ever since the announcement from WordPress that they were working on developing a new built-in editor for their platform, we have been wondering how this will affect existing websites, existing plugins and the like.  Gutenberg is the name of the new editor (Fun Fact –Gutenberg is named after Johannes Gutenberg, who invented a printing press with movable type more than 500 years ago) Within Gutenberg, you can easily build and customise pages and posts by using blocks.

You will see more articles from us, on Gutenberg in the future, as we use it for ourselves, but today, I want to talk more on a form plugin, and how it will integrate with Gutenberg.

As you would likely know, forms are a basic essential for most websites. Whether it is a simple contact or registration form, through to more complex forms, you will likely need to set one up on your site.

You can hire a developer to do this for you, or we show you how to do this easily yourself, using WPForms on Gutenberg. We presume you have already created your first form, with WPForms. If not, they have a great tutorial on how to do this here.

Add WPForms to your page or post, via Gutenberg.

STEP ONE:

After you’ve created your form by following the “Setting up a form tutorial” , you’ll need to open the Gutenberg editor for your page or post. To add a new block in Gutenberg, click the + (plus) icon in the upper left corner.

STEP TWO:

Once you’ve clicked the + (plus) icon a menu of block options will display. To locate the WPForms block, you can search “WPForms” or open the Widgets category. Then click the block named WPForms.

STEP THREE:

This will add the WPForms block to the editor screen. Next, go ahead and select the form you want from the Select a Form dropdown.

STEP FOUR:

After selecting a form title, the full form will display within the WPForms block. On the right side of the screen, you’ll see some additional options for the block.

 
Within these block options, you can:
      • Choose a different form within the Form dropdown
      • Make extra form details visible with the Show Title and Show Descriptiontoggles
      • For Advanced Use Only: Under the Advanced section, add CSS classes to the form

That’s it! You can now embed your forms using the WPForms block in the WordPress Gutenberg editor.

    1. Visit WPForms for more information. WPForms Features & Addons

8 thoughts on “How To Create WordPress Contact Forms With Gutenberg”

  1. Hi,

    My name is Randy and I was looking at a few different sites online and came across your site amaywebhosting.com. I must say – your website is very impressive. I found your website on the first page of the Search Engine.

    Have you noticed that 70 percent of visitors who leave your website will never return? In most cases, this means that 95 percent to 98 percent of your marketing efforts are going to waste, not to mention that you are losing more money in customer acquisition costs than you need to.
    As a business person, the time and money you put into your marketing efforts is extremely valuable. So why let it go to waste? Our users have seen staggering improvements in conversions with insane growths of 150 percent going upwards of 785 percent. Are you ready to unlock the highest conversion revenue from each of your website visitors?

    TalkWithLead is a widget which captures a website visitor’s Name, Email address and Phone Number and then calls you immediately, so that you can talk to the Lead exactly when they are live on your website — while they’re hot! Best feature of all, we offer FREE International Long Distance Calling!

    Try the TalkWithLead Live Demo now to see exactly how it works. Visit: http://www.talkwithcustomer.com

    When targeting leads, speed is essential – there is a 100x decrease in Leads when a Lead is contacted within 30 minutes vs being contacted within 5 minutes.

    If you would like to talk to me about this service, please give me a call. We do offer a 14 days free trial.

    Thanks and Best Regards,
    Randy

    If you’d like to unsubscribe click here. http://liveserveronline.com/talkwithcustomer.aspx?d=amaywebhosting.com

  2. Hi,
    Your website seems to indicate that you have a successful business, but could you handle even more customers?

    We provide targeted website visitors that you can convert into leads and customers.

    We also offer a 7 day free trial so you have nothing to lose:

    https://www.businesstraffic.top/traffic?=amaywebhosting.com

    Regards,
    Madison
    Lead Specialist
    SEO Vale

    500 Westover Dr #12733
    Sanford, NC 27330

    If you prefer not to receive commercial messages regarding traffic for your business, please opt out here: https://www.businesstraffic.top/out.php/?site=amaywebhosting.com

  3. Protect Your Loved Ones on the Roads – A Must for Every Car Owner

    These Roadside Safety Discs can be seen from over 5000 feet by oncoming motorists. Protect yourself and your family in all emergency situations, simply activate each light with a single click.

    Special Price – http://bit.ly/2LpxYPm

  4. How would you like to Upload A SINGLE Video And
    RANK for 100 LANGUAGES !!!

    FACT #1

    ONLY 25% of the searches made online are in ENGLISH!
    And yet everybody focuses on trying to rank in ENGLISH!

    FACT #2
    YouTube is the 2nd BIGGEST website in the world…
    And still you focus all your efforts trying to rank and get traffic ONLY from Google!

    http://bit.ly/2PVgtFh

    DO THE MATH:

    With Over 3 Billion Searches A Month…

    All the visitors that you will ever need
    ARE ALREADY ON YOUTUBE!

    3 billion searches a month.
    75% are not in English…
    Do the math… 2.2 billion searches each month in foreign languages!

    Are you getting an idea on how much money you are leaving on the TABLE?

    http://bit.ly/2PVgtFh

Leave a Reply

Your email address will not be published. Required fields are marked *