How to – Brand Exponents – Premium WordPress Themes & Plugins https://brandexponents.com Beautifully crafted designs for your online presence Sun, 14 Jan 2024 14:53:33 +0000 en-US hourly 1 https://wordpress.org/?v=6.4.2 https://brandexponents.com/wp/wp-content/uploads/2020/08/be-fav-50x50.png How to – Brand Exponents – Premium WordPress Themes & Plugins https://brandexponents.com 32 32 How to Add a Mailchimp Signup Block Using WordPress Block Editor? https://brandexponents.com/add-mailchimp-signup-block/ Sun, 14 Jan 2024 14:53:33 +0000 https://brandexponents.com/?p=21087 ...]]>

Mailchimp offers people unique automation features for marketing. You can send different kinds of emails to different audiences on the basis of their nature. Moreover, there is nothing better if can add a Mailchimp signup block on your website itself!

A Mailchimp signup block will enable you to collect different emails right through your page and/or post. It can be placed exactly at a place where the context is most suitable or convenient. 

Whether you’re just a beginner or have already established your brand, the Mailchimp signup block will help you reach out to visitors, customers, clients, and business partners exactly where they are. 

It is convenient for the users, and the Mailchimp signup block helps you have a clear viewpoint on your customer-builder journey. You will be able to gain more ideas on how different people interact with your business. 

If you’re still reading this article we are sure you want to get familiar with the way to add a Mailchimp signup block using the WordPress Block Editor. 

In WordPress, if you want to add any additional feature, always do know that there will always be a plugin to help you through. Using a plugin to add a Mailchimp signup block will be suitable if you are both a beginner and a professional. 

All you need to do is install and activate the plugin. Then use amazing enriched features to make and add a Mailchimp Signup block on your pages/posts as per your wish. 

Getting the right plugin might be a daunting task. So to make it easier for you, we and our research team have tested plenty of plugins. We finally chose Gutena Newsletter – Subscribe Block and Connect Mailchimp WordPress Plugin. 

We will definitely get into a step-by-step guide, but before that, let’s get familiar with the Gutena Newsletter plugin in more detail. 

Gutena Newsletter – Subscribe Block and Connect Mailchimp

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Gutena Newsletter is one of the responsive and professional subscribe block and connect Mailchimp plugins that enables you to add an amazing Newsletter block to your website’s posts and pages. 

This plugin is suitable for all kinds of users as it is really simple, easy to use, and has a fantastic customization option with enriched features. 

It supports Mailchimp in the most convenient way. Also, it doesn’t have jQuery, so your website will appear amazingly and fast on the user’s end. 

Using its powerful customization options and enriched features you can add a Mailchimp signup block that will perfectly your brand. 

The plugin has a user-friendly interface so the users don’t need to have any kind of coding skill to create a beautiful and professional Mailchimp signup block. 

Download Gutena Newsletter

Features of Gutena Newsletter That’s Perfect to Add Mailchimp Signup Block 

Let’s get familiar with the most significant features of the Gutena Newsletter WordPress Plugin which make it one of the best choices to add a Mailchimp signup block using the WordPress block editor. 

  • Amazing Customization Options: One of the best and most powerful features of the Gutena Newsletter is its ability to customize and make the best Mailchimp signup block that will perfectly fit your brand objectives. 
  • Complete Control: Gutena Newsletter makes sure to provide you with complete control over the overall appearance and performance of your overall newsletter form. 
  • Responsive: Your Mailchimp signup block will look and work amazingly across devices of all sizes due to the responsive nature of the Gutena Newsletter plugin. 
  • Premium-Like Features: Despite being a free plugin, Gutena Newsletter includes all premium-like features that will make your journey much more easier and convenient. 
  • Boost UX: As Gutena Newsletter is totally responsive, it appears immediately on the user’s side. For instance, it will keep the visitors engaged reducing the bounce rate. This will help you increase your overall traffic and rank. 

As we got familiar with the features of the Gutena Newsletter, now let’s move forward to detailed steps to add a Mailchimp signup block using the WordPress block editor. 

Add Mailchimp Signup Block Using WordPress Block Editor 

Let’s get started with this step-by-step guide in order to add Mailchimp Signup Block Using WordPress Block Editor: 

Step 1: Log in to Your Dashboard 

If you are a beginner you must know that you should log in and land on your local Dashboard to be able to install a plugin on your website. 

WordPress and XAMPP installation is not an easy task. It requires a lot of effort and if you can’t get the steps done in the right way you’ll end up getting stuck.

In order to make it easier we suggest you use InstaWP which will enable you to create a WordPress website in just a couple of minutes. 

Use InstaWP

Step 2: Install and Activate Gutena Newsletter WordPress Plugin 

In order to add a Mailchimp Signup block you need to make sure to Install and use Gutena Newsletter Plugin. 

If you have already installed this plugin you can simply skip this step. But, if you have not installed it so far, make sure to install it! 

You can Download Newsletter Block by Gutena for your website from the WordPress Repository. Also, you can Download the Plugin directly from your WordPress website dashboard.  

If you are a WordPress Beginner, you might not know the right way to install the plugin. In order to clear out the confusion, go through our article ‘How to Install New WordPress Plugin’ 

Once you finish installing Newsletter Block by Gutena, activate it. 

Add plugin

This is the end of our second step to the Email Newsletter Block in WordPress. 

Step 3: Make Changes on Page 

  • Go to Pages>>All Pages
Dashboard
  • Edit the page where you’ll like to add the Newsletter block.
pages
  • Click on the ‘+’ button. 
sample page
  • Click on the Newsletter option 
  • Now you can see the Mailchimp Signup Block.
mailchaimp
  • In order to make changes, simply click on the block. 
  • Change the Column’s Image, Heading, Paragraph, Newsletter Field, and Paragraph option as per your requirement. 
colume
  • Click on the Newsletter Field options
  • Then click on the Settings icon at the top of the page.
newletter
  • In the Provider option, make sure to choose the Mailchimp option.
  • After that make sure to add Mailchimp API Key and Mailchimp Audience ID.
sample page
  • Enter Success Message and Already Subscribed Messages as you want. 
  • Choose your Icon Color
  • Similarly, you can choose your Text and Background Color. 
mailchaimp
  • In the typography option, choose the Size(Custom)
  • Similarly, in the Dimensions option select the Padding and Margin
sample page
  • Choose the px of your Radius.
  • Add the Additional CSS class(es) in the Advanced option as per your requirement. 
mailchaimp
  • Once you are done, click on the Update button. 
  • The final Mailchimp signup block will look as shown in the screenshot below.
hello world

This is it, now you’ll be able to see the Mailchimp Signup block as per the changes you have made.

Download Gutena Newsletter

Wrapping Up:  

This is the end of our article ‘How to Add a Mailchimp Signup Block Using WordPress Block Editor’ We hope using Gutena Newsletter and following this step-by-step guide you will be able to add a Mailchimp signup block in the easiest way possible. 

Moreover, if you have already used this plugin before, feel free to share your user experience with us in the comments section below. 

Make sure to use the Gutena Newsletter plugin to add a Mailchimp signup block which will make your work much faster, easier and more convenient. 

Also, Check out the following: 

]]>
How to Add an Instagram Gallery on Posts and Pages? https://brandexponents.com/add-an-instagram-gallery-on-posts-and-pages/ Sun, 14 Jan 2024 10:25:34 +0000 https://brandexponents.com/?p=21295 ...]]>

Do you want to learn the easiest way to add an Instagram gallery on posts and pages using a WordPress plugin? If your answer is yes, let’s get started!

Social media is growing drastically day by day. The users of social media are enormous. One of the most unique and growing social media platforms is Instagram. The older generation and youths and teenagers are active on this online platform. 

According to different statistics, there are about 2 billion active monthly users on Instagram. One of the most notable features of Instagram is its Instagram feed. 

Connecting your Instagram feed with your website is a great decision, enabling you to draw more audience to your website. This is profitable for your website. 

Similarly, in another hand when you add an Instagram gallery on posts and pages your Instagram profile will grow as well. This is a two-in-one benefit thing for all of the users. 

Instagram’s algorithm these days is too strong so its most engaging content will enable any business to stand out from the crowd and be better than its competitors. 

If you’re still reading this article we are sure you want to add an Instagram gallery to your posts and pages. Doing this task might be an easy task but getting the right plugin to do this task is an actual hassle that comes your path!

Don’t worry, we along with our dynamic research team have tested quite a bulk number of plugins. Then we selected a plugin that has the best features and functionalities. The best plugin to add an Instagram gallery on posts and pages is Gutena Photofeed. 

We will definitely follow the step-by-step process of adding an Instagram gallery on posts and pages. But before that let us get familiar with the plugin itself. 

Gutena PhotoFeed – Best Instagram Gallery WordPress Plugin

Gutena PhotoFeed

Gutena PhotoFeed is one of the best Free Instagram Gallery WordPress plugins that enables you to display your Instagram photo in a gallery. You can simply pull the Instagram images to your website using an Instagram access token. 

All you need to do is set the number of images that you want to display. You can choose the hover color as per your requirement with opacity and effect for your gallery. 

Set your own number of columns, give the required spacing between the images, and choose the amazing hover effect. 

Despite being a Free WordPress plugin, it has all features and functionalities like a premium plugin that will make your process to add an Instagram gallery on posts and pages ten times easier. 

Download Gutena PhotoFeed

Features of Gutena PhotoFeed That Helps to Add Instagram Gallery in the Best Possible Ways  

As we have already known about Guten PhotoFeed WordPress plugin in detail. Let’s get familiar with all the features that make this plugin a perfect choice to add an Instagram gallery to posts and pages. 

    • 100% Responsive: The Instagram gallery created using Gutena PhotoFeed is super responsive. Your Instagram gallery will look perfectly fine on different devices like mobile, tablet, and desktop. 
    • Boost UX: Gutena PhotoFeed has been built considering the user’s side equally. Due to this reason, your visitors and customers will be engaged and the bound rate will be very minimum. As a result, your website ranking will increase in the different search engines. 
    • User-Generated Content: This plugin enables its users to display user-generated content on your product pages without much hassle and effort. As a result, your sales rate will increase drastically. 
    • Confounding Customization Options: Gutena PhotoFeed provides its users with plenty of astonishing customization features that will help them to stand out from the crowd. You can use the options in the best possible way to make the Instagram gallery meet your brand’s criteria in a perfect way.
    • Premium-Like Features: Many users find it hard to believe that Gutena PhotoFeed is a Free WordPress Plugin due to its amazing functionalities and enriched features. 

Add an Instagram Gallery on Posts and Pages

In the above segment of this article, we got familiar with the features of the Gutena PhotoFeed WordPress Plugin, Now moving forward in this section of this article we will get started with the steps to add an Instagram Gallery on Posts and Pages. 

Installing XAMPP and WordPress is a must if you want to get started, it’s initially the first step! But the whole process might be hectic for WordPress Beginners. 

In that case, we suggest you use InstaWP which will save you from the hassle of step-by-step procedure by providing you with a local dashboard in less than a second. 

Use InstaWP

Now let’s begin the step-by-step guide to do so:  

Step 1: Install and Activate Gutena PhotoFeed Plugin 

The first step to adding an Instagram gallery on posts and/or pages is to Install and Activate the Gutena PhotoFeed Plugin on your WordPress website.  

You just need to get your Installation and Activation process done! 

Get  Gutena PhotoFeed Plugin for yourself on the WordPress Repository or simply download the plugin from the website’s Dashboard directly. 

Go through the tutorial ‘How to Install New WordPress Plugin’, if you don’t already have a basic idea to install and activate your plugin. 

Once the installation is completed, make sure to Activate the plugin. 

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Step 2: Create a New Page or Post  

You can simply add an Instagram gallery on posts and/or pages. In order to do so make sure to follow the following steps: 

  • Go to Pages>>Add New option at the left sidebar of the page. 
Add an Instagram Gallery on Posts and Pages.
  • Click on the ‘+’ icon. 
  • There you can see an Instagram Gallery option, click on the option. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Step 3: Get Your Access Token

In order to make further changes, firstly, you need to make sure that you have Instagram Access Token

If you are new and don’t know the basic steps, make sure to go through the article ‘How to Get Access Token

Step 4: Customize Settings to Add an Instagram Gallery on Pages

Instagram Settings 

  • In the Instagram Settings, add the Instagram Access Token that you just created. 
Add an Instagram Gallery on Posts and Pages.

Feed Settings 

  • Add the number of posts you want to display. 
  • Link to your Instagram Feed
  • Choose the Link to Instagram Feed. 
  • Choose your Link Target
  • Finally, enable/disable to show caption on hover
Add an Instagram Gallery on Posts and Pages.

Layout Settings 

  • Choose the Columns as per your own wish. 
  • Also, select the Block Grid Spacing
Add an Instagram Gallery on Posts and Pages.

Styles 

  • First, choose your Overlay Hover Effect.
  • Then choose the OverLay Hover color.
  • Select Overlay Hover Opacity and color for the Caption Text Color.
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Advanced 

  • Add your Additional CSS Class(es) if you want to.
Add an Instagram Gallery on Posts and Pages.

The above steps were done to add an Instagram Gallery on pages. If you want to add an Instagram Gallery on Posts all the steps are the same. You just need to add a new post instead of a page. 

Download Gutena PhotoFeed

Wrapping Up: 

This is the end of our article ‘How to Add an Instagram Gallery on Posts and Pages’ We hope this how-to tutorial helped you to add an Instagram gallery to your posters and pages without much hassle. 

If you have already used InstaWP or Gutena feel free to share your user experience with us in the comment sections below. 

Also, if you have any questions please reach out to us as we will be more than happy to help you. 

Add an Instagram Gallery in Just a Go!

Also, Check Out : 

]]>
How to Add a Custom Tag to WordPress Posts? (5 Easy Steps) https://brandexponents.com/add-a-custom-tag-to-wordpress-posts/ Sun, 14 Jan 2024 10:18:30 +0000 https://brandexponents.com/?p=21470 ...]]>

Do you want to add a custom tag to WordPress posts? Want to eliminate the need for a scriptlet tag? Simply, use custom tags to eliminate all scriptlet tags that are considered an inconvenient approach in JSP. 

Custom Tag is defined with a number of attributes to allow additional information in the tag to perform associated operations. 

There are numerous ways to add a custom tag to WordPress posts. But in this article, we will get familiar with the most straightforward manner of using a WordPress plugin. 

We suggest you use Gutena Recent Post Custom Tag WordPress Plugin. 

Later in this article, we will definitely learn a step-by-step guide to adding a custom tag to WordPress Posts. But before that let’s get familiar with the plugin that will perform this task. 

Gutena Recent Post Custom Tag 

Gutena Recent Post Custom Tag

Gutena Recent Post Custom Tag is a plugin that enables you to add a custom tag to your recent posts. Not only that you can add a custom tag on must-read, featured posts, hot, top new popular, and much more. 

Using its features you can attract visitors to your recent posts in the best way possible. This plugin is new and ensures updates on a timely basis to meet the users’ requirements. 

It has the option to translate your “Gutena Recent Post Custom Tag” into your own language. The active and professional support team will help you out as and when you need them!

Download Gutena Recent Post Custom Tag

Best Features of Gutena Recent Post Custom Tag WordPress Plugin 

Let’s get familiar with some of the features that make this plugin a suitable option to add a custom tag to posts!

  • Boost UX: This plugin has been built considering the user’s side equally. This way, your visitors and customers will be engaged and the bounce rate will minimize. Finally, your website will rank at the top of different search engines.
  • Amazing Professional Support Team: One of the best parts about using the Gutena Recent Post Custom Tag plugin is its professional support team. They will help you 24/7. 
  • Incredible Customization Options: This plugin has plenty of customization options. You can make changes and edit them as per your needs. 
  • Responsive: Its responsive nature will make your website look perfect across devices of all sizes.
  • Speed Optimized: Gutena Recent Post Custom Tag is speed optimized which will lead your website to appear in seconds on the customers’, users and visitors’ side. 

Add a Custom Tag to WordPress Posts

Setting up a whole website might be difficult if you’re a WordPress Beginner!

Don’t worry, as InstaWP might be the right solution for you. It is an invaluable tool that will help you build as many testing websites as you want. 

This tool is a perfectly suitable choice for all designers, developers, agencies, beginners, enterprises, and much more. 

Use InstaWP

Step 1: Install and Activate the Plugin 

First of all, you need to Install and Activate the Gutena Recent Post Custom Tag plugin on your WordPress website.  

Get this plugin for yourself on the WordPress Repository or simply download the plugin from the website’s Dashboard directly. 

Go through the tutorial ‘How to Install New WordPress Plugin’, if you don’t know how to install and activate your plugin. 

Once the installation is completed, make sure to Activate the plugin. 

Add a Custom Tag to WordPress Posts.

This is the end of our first step to getting the plugin installed and activated!

Step 2: Create or Edit a New Post

Make sure to follow the instructions to add a new post: 

  • Go to Posts>>Add New option at the left sidebar. 
Add a Custom Tag to WordPress Posts.

Step 3: Add Tag on Latest Post 

  • Click on the ‘+‘ icon. 
  • Then search and select the Query Loop option. 
Add a Custom Tag to WordPress Posts.
  • Then click on the Choose button. 
Add a Custom Tag to WordPress Posts.
  • Once again, click on the choose option. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • Now, click on the ‘+‘ icon again. 
Add a Custom Tag to WordPress Posts.
  • Select the Recent Post Custom Tag Option. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • You can simply add the button by dragging and dropping it wherever you want. 
Add a Custom Tag to WordPress Posts.
  • You can simply change the Text of the button. 
  • As it is in a loop when you change the text of a button, all button’s text will be changed. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • Select one of the tags.
  • Open the list view
  • Then click on the Recent Post Custom Tag option. 
  • On the right side you can see Show Tag only on the Latest Post
Add a Custom Tag to WordPress Posts.

Step 4: Customize Settings to Add a Custom Tag to WordPress Post

  • Select the Block option. 
  • In the Styles, select the suitable option from Fill and Outline.
  • Select your width size in Width Settings.  
  • Choose your Text and Background color. 
Step 3: Customize Settings to Add a Custom Tag to WordPress Post Select the Block option. In the Styles, select the suitable option from Fill and Outline. Select your width size in Width Settings. Choose your Text and Background color.
  • In the Typography option, select your Size Default
  • Then select the padding of your button. 
  • Choose the Radius of your button’s Border. 
Add a Custom Tag to WordPress Posts.
  • Add Link REL and HTML Anchor in the Advanced option. 
  • Add Additional CSS Class(es)
  • Finally, click on the Publish button. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • When you Preview the post, you’ll see an output as shown in the screenshot below.
Add a Custom Tag to WordPress Posts.

Step 5: Add Tag to Single Post 

The Process to add a Custom Tag in a single post is similar. 

  • Add the Tag in the place you want by clicking on the ‘+‘ icon. 
  • Then select the Recent Post Custom Tag option. 
Add a Custom Tag to WordPress Posts.
  • Click on the tag and change the text as you want. 
  • Then click on the List View option. 
  • Select the Recent Post Custom Tag option.
  • On the right side you can Show/Hide the Tag only on the Latest Post
  • Moreover, you can also select the number from Hide Tag After option. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

This is it, this way you can add a Custom Tag in a number of posts or an individual post.

Download Gutena Recent Post Custom Tag

You can also check out our YouTube Tutorial video.

Wrapping Up: 

Adding a Custom Tag might be one of the right decisions that you’ll make for your website. 

We hope this article guided you through to add custom tag to WordPress posts without any hassle. 

If you have used InstaWP or Gutena Recent Post Custom Tag plugin before, feel free to share your review with us in the comments section below.

Also, Check Out : 

]]>
How to Build a Collapsible FAQ Section in WordPress Block Editor? https://brandexponents.com/build-collapsible-faq-section/ Sun, 14 Jan 2024 10:07:30 +0000 https://brandexponents.com/?p=21017 ...]]>

Frequently Asked Questions (FAQ) are one of the most significant elements of your website if you are a website that sells digital products and services. The collapsible FAQ section shows only the questions the visitors commonly ask. 

You might have a question “Why choose the Collapsible FAQ section over the FAQ section?’ A collapsible FAQ section reduces the copy cluttering of a page. Moreover, it provides power to access copies in hands of users and boosts the UX. 

As a WordPress user, you can easily have a beautiful FAQ block that includes several sections along with occupying less vertical space. Likewise, a collapsible FAQ section is used to adjust the layout to hide or show the field on different conditions as per your own requirements. 

In order to build a collapsible FAQ section using a reliable WordPress Plugin might be the best solution. When you install a plugin, all you need to do is make changes and customize it as per your own requirements. 

We understand that finding a reliable WordPress plugin might be a strenuous task as every Plugin owner claims their plugin to be the best despite their responsiveness and functionalities. 

We along with our research team have tested multiple plugins and chosen Gutena Accordion Plugin that will enable you to build a beautiful and professional collapsible FAQ section in WordPress Block Editor. 

Later in another section of this article we will definitely teach you to build a collapsible FAQ section step by step. Before that, let’s get to know about Gutena Accordion WordPress Plugin in detail. Also, let’s know why it is the best choice to build a collapsible FAQ section. 

Gutena Accordion – Beautiful FAQ Accordion Block

Gutena Accordion is an amazing Professional WordPress plugin that enables its users to make a responsive collapsible FAQ section easily inside the block editor. 

As this amazing plugin uses no jQuery it is lightweight in nature. Your website will have an amazing optimized speed with the use of this plugin. Moreover, you can have full control over the look and feel of a collapsible FAQ section when you use this plugin. 

The plugin is fully responsive so your FAQ section will appear immediately and in a visually appealing way across all devices. 

Don’t worry even if you are a WordPress beginner as this amazing plugin is really easy to use, customize, and set up. You can control all the accordion tabs just from a single setting option. 

Not only that you can also add different core blocks inside a tab without any hassle. Despite being a Free Plugin it has all premium-like features which will help your website to stand out among the competitors. 

Download Gutena Accordion

Features of Gutena Accordion That Helps to Build Amazing Collapsible FAQ Section 

In this section of this article, we will get familiar with what are the features of the Gutena According to WordPress plugin that makes it one of the best options to build an amazing collapsible FAQ section. 

Let’s get started!

  • Build Customer Trust: Gutena Accordion WordPress Plugin will make sure that your visitors, customers, clients, and business partner will get the exact complete piece of information they are searching for!
  • Simple and Organized: With the help of Gutena Accordion you can build a collapsible FAQ section that is 100% accurate and precise. Simply chop down the unnecessary piece of information and make it accurate with simple words. 
  • Fully Customizable: You can make your collapsible FAQ section just the way you want. Change big to small specific details as per the necessity of your website. Make your collapsible FAQ section fit your brand in the best possible way. 
  • Boost UX: As Gutena Accordion is totally responsive, it appears immediately on the user’s side. For instance, it will keep the visitors engaged reducing the bounce rate. This will help you increase your Google ranking in different search engines. 
  • Add Core Blocks: Gutena Accordion enables its users to add different core blocks inside the accordion tab as per their needs. You can simply create obstruction the way you want and need it!

This is still not it! The fantastic feature of the Gutena Accordion just goes on and on. In order to let you have an idea we listed the five of the best features. 

If you want to know further we would highly recommend you use the plugin yourself and find out the best features that it provides its users with! 

Build a Collapsible FAQ Section in WordPress Block Editor

Installing XAMPP and WordPress is a must if you want to get started, it’s initially the first step! But the whole process might be hectic for WordPress Beginners. 

In that case, we suggest you use InstaWP which will save you from the hassle of step-by-step procedure by providing you with a local dashboard in less than a second. 

Use InstaWP

Once you have a local dashboard you can begin the process to build a collapsible FAQ section in WordPress Block Editor. 

We suggest you follow this step-by-step guide to do so.

Step 1: Install and Activate Gutena Accordion Plugin 

First of all, make sure to Install and Activate Gutena Accordion Plugin on your WordPress website.  

In order to use the plugin, you need to Activate the plugin after Installing it on your website.  Then the process is complete. 

Get Gutena Accordion Plugin from the WordPress Repository. You can even download the plugin directly from the website’s Dashboard. 

If you are unfamiliar with how to install a WordPress Plugin, we suggest you go through the article ‘How to Install New WordPress Plugin’ for a step-by-step guide. 

Once the installation is completed, make sure to Activate the plugin. 

Build a Collapsible FAQ Section in WordPress Block Editor

This is the end of our first step to building a collapsible FAQ section 

Step 2: Add a New Page/Post as you Need 

You can build a collapsible FAQ section in your page post. In order to do so make sure to follow the detailed steps mentioned below. 

  • Go to Post>>New Post
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • When you land on a Post, you can see the ‘+’ icon. 
  • Click and you’ll see the Accordion option. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Step 3: Build a Collapsible FAQ Section by Customizing 

  • You will be provided with two different options for your Accordion Style. 
  • Choose the one you want. 
Build a Collapsible FAQ Section in WordPress Block Editor.

Title 

  • Add the question/title respectively on the section where it says Add your title here
  • In the Color option, you can change the text color, background color, and link color as per your wish. 
  • Similarly, in the Typography option change the default size
  • There are multiple options in Appearance, select the one you like. 
  • Choose your Letter case
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • Choose a favorable Margin in the Dimension option. 
  • Lastly, in the Advanced option, you can add HTML Anchor and Additional CSS Class(es)
Build a Collapsible FAQ Section in WordPress Block Editor.

Paragraph 

  • Similarly, in the Paragraph section make the changes exactly as in the Title section. 
Build a Collapsible FAQ Section in WordPress Block Editor.

Layout 

  • While building a collapsible FAQ section you can make changes in the Layout as you want. 
  • Enable/Disable Inner Blocks use content width as you want. 
  • Select your Content and Wide px. 
  • Similarly, select the Justification option.
Build a Collapsible FAQ Section in WordPress Block Editor.

Panel Settings 

  • Enable the option if you want to open a single panel at a time. If not leave the option as it is. 
  • Select your Default Open option. 
  • Similarly, choose the space between the panels and the margin below the title accordingly. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Panel Styles 

  • Select from the Default/Active option. 
  • Similarly, select Border px, Border Radius, Padding, and Background Color as per your wish. 
Build a Collapsible FAQ Section in WordPress Block Editor.

Other Settings 

  • Lastly, make changes to the Color Settings, Typography, Trigger icons Settings, Dimensions, Border, and Advanced as you need. 
Build a Collapsible FAQ Section in WordPress Block Editor..........
  • Finally, click on the Publish button. 
  • Then click on the View Post option. 
  • Finally you can see a collapsible FAQ section as shown in the screenshot below. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
Download Gutena Accordion

Wrapping Up: 

This is the end of our article ‘How to Build a Collapsible FAQ Section in WordPress Block Editor’ We hope this article helped you to build a collapsible FAQ section without much hassle. 

Also, to make it easier for you we have mentioned the Gutena Accordion, this plugin will get your task done in the easiest way possible. 

If you have used Gutena Accordion Plugin we would highly appreciate it if you share your user experience with us in the comments section below. This will help the new users to have better knowledge about the plugin.  

Also, if you have any questions please reach out to us as we will be more than happy to help you. 

Build a Fascinating and Professional Collapsible FAQ Section!

Also, Check out: 

]]>
How to Create Contact Forms in WordPress Block Editor? https://brandexponents.com/create-contact-forms-in-wordpress-block-editor/ Sun, 14 Jan 2024 09:43:30 +0000 https://brandexponents.com/?p=20952 ...]]>

Are you thinking of creating forms in the WordPress block editor? If you want to get started and still don’t have an exact idea of how to do it, then this article is for you. 

The contact form is one of the most integral and significant parts when it comes to a modern and professional website. Lightweight forms are more prone to increase user engagement which will create a direct positive impact on your website. 

Basically, through the contact form visitors, customers and clients can send written form question about any product, service, or subject matter which concern them. 

The forms in WordPress Block Editor contain the email address, username, phone number, service type, message, send button, and many more options.

Creating a contact form might be easy, but selecting a plugin to build a contact form can also be daunting. Choosing the best form plugin is really important as a responsive and functional plugin will make your job 10 times easier. 

Our research team has tested more than 10 amazing WordPress Form Plugins and selected Gutena Forms – Contact Forms Block. We will definitely get into detailed steps to create contact forms, but before that let’s get familiar with Gutena Forms Plugin in detail. 

Gutena Forms – Contact Forms Block

Gutena Forms - Create Contact Forms in WordPress Block Editor

Gutena Form is one of the most powerful Contact Forms plugins that enables you to create amazing forms in WordPress Block Editor. It is perfectly designed and developed by the developers of ExpressTech in order to let you create forms easily and quickly. 

This plugin enables you to create contact forms, registration forms, payment forms, inquiry forms, booking forms, appointment forms, and many more. 

It includes multiple pre-built form templates so you can choose any of them to create your contact form. The best part is that you can start from scratch so design your forms and make them look and work as per your own requirements. 

This plugin is fully responsive so contact forms in the WordPress block editor using this plugin will look amazing across devices of all sizes. Moreover, it also integrates with popular email marketing and CRM platforms, making it easy to manage and track your form submissions.

Download Gutena Forms

Outstanding Features of Gutena Forms to Create Functional Forms in WordPress Block Editor 

Here we have listed down some of the most amazing features of Gutena Forms which make it one of the best Contact Forms Plugins to create forms. 

    • Makes your Website Professional: Gutena Forms Plugin includes almost every element to make your website’s contact form more functional, complete, organized, and systematic. 
    • Generate More Leads: When you’re selling your product or service, the customers have numerous questions. If you will be able to answer the questions, this will definitely help you to generate more leads. All these managing tasks can be done conveniently through the forms created using this powerful plugin. 
    • Amazing Speed and Performance: Gutena Forms Plugin is created by using just Javascript rather than the JQuery library. Due to this, your website performance will remain optimal
    • Pre-Built Form Templates: Gutena Forms provides its users with multiple form templates. So, you can choose the one that best suits your needs and get started in no time. 
    • Fully Customizable: This plugin provides its users with plenty of customization options that help them to create an amazing and powerful contact form. 

This is not the end of the features, it has much more features like a user-friendly interface, complete control, the option to add core blocks, responsiveness, and much more. 

Create Contact Forms in WordPress Block Editor

In the above segment of this article, we got familiar with Gutena Forms plugin and why it is considered a suitable option to create the next forms in WordPress Block Editor. 

Now let’s begin the step-by-step guide to create contact forms in WordPress block Editor: 

Step 1: Install and Activate Gutena Forms Plugin 

The initial step is to Install and Activate the Gutena Forms Plugin on your WordPress website.  Make sure that your Installation and Activation process is complete. If you haven’t installed the plugin yet, make sure to install it!

You can get the Gutena Forms Plugin for yourself on the WordPress Repository. You can even download the plugin directly from the website’s Dashboard. 

If you are a WordPress Beginner and you don’t know the right way to install the plugin, make sure to go through our article ‘How to Install New WordPress Plugin’ 

Once the installation is completed, make sure to Activate the plugin.

Create Contact Forms in WordPress Block Editor.

Step 2: Create a New Page or Post  

You can add the form to the Page or Post. In order to move forward make sure to add a page or post first. 

  • Go to Pages>>Add New option at the left sidebar of the page. 
Create Contact Forms in WordPress Block Editor.
  • Click on the + icon. 
  • You’ll be able to see the Forms option. 
  • If not, you can search for the Forms option using the search tool. 
Create Contact Forms in WordPress Block Editor.
  • Click on the Form Options button.
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

Step 3: Customize Contact Forms in WordPress Block Editor 

  • Firstly, select the variation from four different options. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • If you don’t want to choose any variation you can simply skip the option. 
  • We are sure, some of you want to edit the text. 
  • In order to do so simply select the text you want to edit and Edit it as per your preferences. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
  • In order to customize your forms in the WordPress block editor select the Block option. 
  • In the layout, if you want the container to be filled with nestled blocks simply enable Inner blocks using the content width option. 
  • In Form Setting, if you want to show the label, enable the option. 
Create Contact Forms in WordPress Block Editor.
  • Choose your Form color from five different options. 
  • Also, identify the size of your Label typography.
  • You can also select the Font Weight of your Label typography.
Create Contact Forms in WordPress Block Editor.
  • Similarly, with the Placeholder typography select the size (custom) and font weight
  • In the Input Settings, you can determine the px of the Label gap, Border width, and Border radius. 
  • Enable/Disable the bottom border as per your requirements. 
Create Contact Forms in WordPress Block Editor.
  • Enable/Disable Admin notification as per your wish. 
  • If you intend to enable it to add your email address in the EMAIL TO option. 
  • You can also add the Email Subject if you want to. 
  • Moreover, in the Confirmation option make sure to choose between message and link in the Action option.
  • Also, you can simply hide or show the form after the submission is done.
Create Contact Forms in WordPress Block Editor.
  • Change your Text and Background color as you want. 
  • You can change the Dimension as you want. 
Create Contact Forms in WordPress Block Editor.
  • Determine the Border and Radius width as you want.
  • Likewise, Gutena Forms enable its users to add additional CSS classes in the Advanced option. 
Create Contact Forms in WordPress Block Editor.
  • Once you make all the changes click on Publish button. 
  • Click on the View Page option after publishing your Contact Form. 
  • Finally, you will be able to see the Contact Forms in the WordPress block editor that is made as per your choices. 
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
Download Gutena Forms

Wrapping Up: 

This is the end of our article ‘How to Create Contact Forms in WordPress Block Editor?’ We hope this article helped you to create a responsive and functional website that will help you to interact with your customers, visitors, and clients in a better way. 

Moreover, if you want to try out different forms at a time, you can use InstaWP to get the job done in and easier way. All you need to do is spin up a WordPress sandbox in less than a second. 

Get InstaWP

If you have used Gutena Forms Plugin before, feel free to share your user experience with us in the comments section below. Also, if you have any questions please reach out to us as we will be more than happy to help you. 

Happy Contact Form Creation!

Also, Check out: 

]]>
How to Add an Email Newsletter Block in WordPress? https://brandexponents.com/email-newsletter-block-in-wordpress/ Sun, 14 Jan 2024 03:35:36 +0000 https://brandexponents.com/?p=14346 ...]]>

These days newsletter blocks are a lot on demand as this amazing block functions to add an option for the visitors to subscribe to a newsletter. Moreover, different plugins enable the feature to email newsletter block in WordPress.

Newsletters  are sent to the subscribers regularly to inform them about the latest news and updates about the release of a product, its update or any other additional significant information. The newsletter can be sent to the clients, customers and business partners on a weekly or monthly basis as per the requirement.

We will get into the process of email newsletter block in WordPress, but before that let’s get to know about Newsletter Block by Gutena which is an absolute solution WordPress plugin that will let you perform this task in the best possible way.

Let’s get into the introduction to know what this amazing plugin has to offer to email newsletter block in the easiest way possible:

Newsletter Block by Gutena

How to Email Newsletter Block in WordPress - Gutena -

Newsletter Block by Gutena is a fantastic WordPress plugin that enables users to add newsletter blocks to Gutenberg Editor. Simply, this is the best plugin for email newsletter block in WordPress.

Using this plugin you can add newsletter blocks to widgets, footers, sidebars, blogs, and templates. However, adding a newsletter block to a template is only possible if you are using a full site editing theme.

So, we suggest you use Gutena WordPress Theme while using Newsletter Block by the Gutena WordPress plugin. Likewise, this plugin has simple customization options and features to change the overall look of the button.

To know more about the enriched features of this amazing plugin go through all of the points mentioned below:

Major Features of Newsletter Block by Gutena: 

  • Make Changes to Icon, Text & Background Colour, Size of Fonts, Padding, Margin, and Search Box 
  • Best Option to Email Newsletter Block
  • Change the Newsletter Field in Detail
  • Enables to Display Newsletter Block on Posts
  • Add Newsletter Block on Widgets, Sidebar, or Footer
Download Gutena
Download Newsletter Block by Gutena

Now that we know about the uses and features of Newsletter Block by Gutena, let’s begin to learn how to Email newsletter block in WordPress!

Email Newsletter Block in WordPress

Make sure to follow this step-by-step guide so that you will be able to email newsletter block in WordPress in the easiest way possible:

Step 1: Install and Activate Gutena WordPress Theme

In order to email newsletter block, you need to Install and Activate Gutena WordPress Theme, make sure to follow these steps:

  • Firstly, go to the Appearance>>Themes option on the page’s left sidebar.
How to Email Newsletter Block in WordPress - Install and Activate Gutena
  • Click on the Add New Button at the top of the page.
  • Search for Gutena Theme.
  • Then click on the Install button.
How to Email Newsletter Block in WordPress - Install Button
  • Finally, click on the Activate button.
  • Moreover, if you want to know more about Gutena WordPress Theme click on the Details and Preview option. We suggested using this theme as it is one of the best options for email newsletter block in WordPress.
How to Email Newsletter Block in WordPress - Details and Preview Option

Here we come at the end of our first step to Install and Activate Gutena WordPress Theme to email newsletter block in WordPress.

Step 2: Install and Activate Newsletter Block by Gutena

Secondly, in order to email newsletter block in WordPress, you need to make sure that you have installed and activated Newsletter Block by Gutena WordPress Plugin.

If you have already installed this plugin you can simply skip this step. But, if you have not installed it so far, make sure to install it so that you can email newsletter block in WordPress!

You can Download Newsletter Block by Gutena for your website from the WordPress Repository. Also, you can Download the Plugin directly from your WordPress website dashboard. 

If you are a WordPress Beginner, you might not know the right way to install the plugin. In order to clear out the confusion, go through our article ‘How to Install New WordPress Plugin

Once you finish installing Newsletter Block by Gutena, activate it.

How to Email Newsletter Block in WordPress - Activate Newsletter Block by Gutena

This is the end of our second step to Email Newsletter Block in WordPress.

Step 3: Make Changes on Page to Add an Email Newsletter Block

In order to add email newsletter block in WordPress, make sure to follow the steps mentioned below: 

  • Go to Pages>>All Pages option at the page’s left sidebar.
How to Email Newsletter Block in WordPress - Make changes on Pages option
  • Click on the Edit button of the page that you’ll like to add the Newsletter block to email newsletter block.
How to Email Newsletter Block in WordPress - Edit Page
  • Click on the ‘+’ button at the top of the page. 
How to Email Newsletter Block in WordPress - Email Newsletter Block
  • Then scroll down until you can see the Gutena’s Newsletter option.
  • Click on the Newsletter option and you will be able to see the Newsletter block on your page.
How to Email Newsletter Block in WordPress - Newsletter Option
  • Now if you want to make more changes to the button, you can simply click on the block as shown in the screenshot below.
  • You can make changes to the Column’s Image, Heading, Paragraph, Newsletter Field and Paragraph option as per your requirement.
How to Email Newsletter Block in WordPress - Make changes in Newsletter Block Option
  • Every other option will help you make minor changes, but the Newsletter Field option is the one that will help you make all the important changes.
  • In order to make changes in the Newsletter Field, click on the Newsletter Field options and click on the Settings icon at the top of the page.
How to Email Newsletter Block in WordPress - Newsletter Field
  • In the Provider option, make sure to choose the Mailchimp option.
  • After that make sure to add Mailchimp API Key and Mailchimp Audience ID.
How to Email Newsletter Block in WordPress - Mailchimp option
  • You can enter your Success Message and Already Subscribed Message as per your want.
  • Choose your Icon Color.
  • Similarly, you can choose your Text and Background Color.
How to Email Newsletter Block in WordPress - Customization Option
  • Choose the Size(Custom) in the Typography option.
  • Also, select the Padding and Margin options properly from the Dimensions.
How to Email Newsletter Block in WordPress - Email newsletter block
  • Similarly, choose the px of your Radius.
  • You can also add the Additional CSS class(es) in the Advanced option as per your requirement.
How to Email Newsletter Block in WordPress - Email Newsletter Block
  • Once you are done, click on the Update button and you are done with the steps to add an email newsletter in WordPress.

This is it, now you’ll be able to add an Email Newsletter Block in WordPress.

Wrapping UP:

We hope this article will help you to Email Newsletter Block in WordPress using the awesome and all-time responsive Gutena WordPress Theme and Newsletter Block by Gutena WordPress Plugin.

By following this step-by-step guide to email newsletter block you’ll be able to add an option for the visitors to subscribe to a newsletter within easy reach. 

Moreover, if you have any kind of queries or confusion while following this step-by-step guide, make sure to reach out to us in the comment section below.

Also, make sure to share your user experience of the Gutena WordPress Theme and Newsletter Block by Gutena WordPress Plugin as it might be useful for new users.

]]>