Gutenberg

Embed Insurance Calculator in Gutenberg WordPress

Gutenberg is the new WordPress editor, which was released in the latest WordPress 5.0 version. Most bloggers use Gutenberg to post their blogs. But if you are a blogger who writes posts about insurance and want to give your client an instant quote, when they land on your blog, then please read on.

The insurance calculator is nothing but a bunch of HTML codes which you can embed on your WordPress blog. It is much better and reliable than using a plugin which might break your wordpress website. To get the insurance calculator codes you can visit this website called “Ninja Quoter“.  After signing up with one of their package, they will provide you the calculator codes which you can directly embed on your website. All the functionalities and calculations will take place in their website.

Suppose you have singed up to their website and got the codes. Let me show you the steps of how you can embed the calculator codes in your WordPress blog made with Gutenberg.

STEP 1: Add an a block

In the Gutenberg editor, click on the plus icon to add a new block as shown in the screenshot below.

STEP 2: Add an HTML Block

Then from the block search field type in “html”, the “Custom HTML” block would show up. Click on that to add it.

STEP 3: Paste in Insurance Calculator codes

Then simply paste in the insurance calculator codes in the HTML code field, and then click on “Preview”. 

Have fun with your Insurance Calculator

After you have pasted in the insurance calculator codes, the clicked on “preview”. Your insurance calculator should show up. Make sure you click “Save” and then test out the calculator in your live blog post.

Tasvir Mahmood

Recent Posts

Generate a custom weight loss diet for free using ChatGPT

In our pursuit of a healthier lifestyle, many of us grapple with weight issues. The…

1 year ago

Install WordPress in domain, subdomain or directory using NameCheap Hosting cPanel

If you're seeking an effortless way to set up a WordPress website, look no further.…

1 year ago

How to add subdomain using Namecheap hosting cPanel

In this blog post, we will explore the process of adding a subdomain using Namecheap…

1 year ago

Convert webp format images to png or jpg using GIMP photo editor

Step 1: Introduction A few days ago, I stumbled upon a Facebook post filled with…

1 year ago

Make Elementor inherit theme fonts, colors and settings

In this blog post, we will explore how to ensure consistency in fonts, font sizes,…

1 year ago

WooCommerce Price and Category Product Filter for Elementor Shop Page

In this blog post, we'll delve into the process of adding a product filter in…

1 year ago