7 Best WordPress Accordion Plugins (2018)

Are you looking for the best accordion plugins? An accordion is a neat web design technique which allows you to display content in collapsible tabs. In this article, we have hand-picked the 7 best WordPress accordion plugins that you can use on your website. Why… Read More »

The post 7 Best WordPress Accordion Plugins (2018) appeared first on WPBeginner.

Are you looking for the best accordion plugins? An accordion is a neat web design technique which allows you to display content in collapsible tabs. In this article, we have hand-picked the 7 best WordPress accordion plugins that you can use on your website.

Best WordPress accordion plugins

Why Do You Need to Add Accordions in WordPress?

Accordions allow you to display more content on your posts and pages without adding long scrolls. If you want to shrink the length of a page, then you should consider adding your content in an accordion element.

You can add vertical or horizontal accordions with the text inside each tab. When users click or mouseover on the tab, it expands to reveal the content.

Example of accordion used on a website

Accordions are most commonly used to add a frequently asked questions (FAQs) section, by displaying questions as tabs. However, you can use them to add any kind of content where you want to save users from scrolling.

That being said, let’s take a look at some of the best WordPress accordion plugins that you can use on your WordPress website.

1. Accordion

Accordion plugin

Accordion is a handy WordPress plugin which allows you to add beautiful accordions in your pages, posts, template files, and anywhere on your site using shortcodes. It has a responsive design and displays your content beautifully on all devices. Accordion has Font Awesome icon font support which allows you to use beautiful icons to your accordion tabs.

You can add unlimited accordions on your site using this plugin. It allows you to change styles for the opened and closed accordion, hide the accordion without deleting, text alignment for content, and more.

2. Accordion FAQ

Accordion FAQ

Accordion FAQ is another accordion plugin for WordPress sites. It has a drag and drop builder that helps you easily add accordions anywhere on your WordPress blog. You can sort the accordions and manage their placement by dragging them up or down in the backend.

It has multiple templates, unlimited color options, Font Awesome icons support, bootstrap framework for responsive design, and more. Accordion FAQ loads faster which is great for search engine rankings of your site.

3. Tab – Accordion, FAQ

Tab accordion FAQ

Tab, Accordion and FAQ is a WordPress plugin that allows you to add beautiful animated tabs and accordions in WordPress. You can easily add responsive horizontal, vertical, animated, and other accordions to WordPress posts, pages, and sidebar widget areas.

It has multiple transition effects, different layouts, drag and drop functionality for sorting tabs, and more.

4. Arconix Shortcodes

Acronix shortcode

Arconix Shortcodes is a multipurpose WordPress plugin based on different style shortcodes to add tabs and accordions on your site. It displays your content in accordions and appears neatly on all mobile devices.

You can create unlimited accordions and add them anywhere with the help of shortcodes. The plugin also comes with a compatibility mode which allows you to prevent shortcode name conflicts.

5. Easy Accordion

Easy accordion

Easy Accordion is another WordPress accordion plugin that allows you to set up unlimited accordions and add them on your pages, posts, widget areas, and template files.

If you buy their premium version, then it comes with additional features like advanced shortcode system, accordions from WordPress categories and custom taxonomies, themes, unlimited colors support, and more.

6. Shortcodes Ultimate

Shortcodes ultimate

Shortcodes Ultimate is a comprehensive WordPress plugin that comes with a set of shortcodes to add multiple features. You can use this plugin to add accordions on your site with its 1-click shortcode insertion and live preview.

It has a custom widget that you can use to add the accordion in any widget area of your WordPress site. Shortcodes Ultimate is easy to use and functions smoothly with modern WordPress themes.

7. Smooth Accordion

Smooth accordion

Smooth Accordion is a simple WordPress accordion plugin. Like other accordion plugins, it allows you to add accordions on your pages and posts. Smooth Accordion adds an icon in your WordPress post editor that helps in adding the accordions in your posts and pages right away.

You can customize the background color, add custom styles to accordions, and align your content easily in plugin settings.

We hope this article helped you find the best WordPress accordion plugins. You may also want to see our ultimate step by step WordPress speed and performance guide for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 7 Best WordPress Accordion Plugins (2018) appeared first on WPBeginner.

How to Add a Search Bar to WordPress Menu (Step by Step)

Do you want to add a search bar to your WordPress navigation menu? Search form can be really helpful for your users to find what they’re looking for on your site. In this article, we will show you how to add a search bar to… Read More »

The post How to Add a Search Bar to WordPress Menu (Step by Step) appeared first on WPBeginner.

Do you want to add a search bar to your WordPress navigation menu? Search form can be really helpful for your users to find what they’re looking for on your site. In this article, we will show you how to add a search bar to your WordPress menu.

How to add a search bar to WordPress menu

Why You Should Add a Search Bar in Menu?

A search bar makes it easy for your users to find what they’re looking for without scrolling to all the pages.

If you add a search bar to your top navigation menu, then it will appear on all pages that display the menu, and your users can easily search all the content on your site.

There are multiple search plugins that you can use to add a search bar to your site. Let’s take a look on how to add a search bar to your WordPress menu.

Adding a Search Bar to WordPress Menu

First thing you need to do is to install and activate the Add Search to Menu plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » Add Search To Menu page in your WordPress admin area to configure search bar to your menu.

Add search to menu plugin page

On this page, you need to select the menu where you want to add the search bar. This list of menus (Primary Menu and Social Links Menu) belongs to your WordPress template. If you change the template of your site, then the list will be automatically updated with the available menus from your template.

Once selected, the search bar will be added to your navigation menu. You can define the search post types, search form style, search menu title, manage mobile display for search, and more. These settings will also help in controlling the search results for your users.

After that, you can head over to your site to see the search bar in the WordPress navigation menu.

Add search bar to menu

You can also add the search bar to all other menus of your site. Simply select the menu from plugin settings where you want to display your search form.

We hope this article helped you learn how to add a search bar to WordPress menu. You may also want to see our expert pick of the useful tips and tricks to speed up WordPress site performance and search results.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add a Search Bar to WordPress Menu (Step by Step) appeared first on WPBeginner.

How to Display Yelp Reviews on your WordPress Site

Do you want to display Yelp reviews on your site? Yelp reviews are user reviews about the restaurants, brands, services, lifestyle products, hospitals, doctors and more. In this article, we will show you how to display Yelp reviews on your WordPress site for users to… Read More »

The post How to Display Yelp Reviews on your WordPress Site appeared first on WPBeginner.

Do you want to display Yelp reviews on your site? Yelp reviews are user reviews about the restaurants, brands, services, lifestyle products, hospitals, doctors and more. In this article, we will show you how to display Yelp reviews on your WordPress site for users to read general public reviews.

Yelp Reviews WordPress

Why You Should Display Yelp Reviews on Your Site?

Yelp is a public-based reviews website. It has reviews and ratings on local businesses from experienced users. These reviews and ratings are helpful for the new visitors to get a word from someone who already used the particular product or service.

Don’t have a Yelp Business page yet? Click here to Claim Your Yelp Business Page.

Like the Facebook page reviews for your business, Yelp reviews also reassure stability of your brand or service to the new visitors. However, the difference is that Facebook reviews are limited to those who follow your brand page on the social media platform whereas Yelp reviews can be from anyone who uses your brand or service.

If you own a business listing blog or membership site, then you can also display Yelp reviews for different local businesses from your town and increase organic traffic on your website.

That being said, let’s take a look at how to display Yelp reviews in WordPress.

Showing Yelp Reviews on Your WordPress Site

First thing you need to do is to install and activate the Yelp Reviews Widget plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Appearance » Widgets page in your WordPress admin area. You need to drag and drop Yelp Reviews Widget in the Sidebar widget area.

Add Yelp reviews widget in sidebar

Next, you need to create a new app from Yelp developers page and get an API key to launch Yelp business reviews in this widget.

Once the API key is added, you can search for the brand or service in Yelp reviews widget by adding the name and location of the business. A list of businesses will be displayed, and you can select your business to show reviews in the sidebar widget area of your site.

Search business and select from the list

After selecting your business from the list, you can click on the Save Business and Reviews button. You need to add the title for this widget too. It allows you to change business photo for your brand or service.

Save business reviews

You can expand the settings one by one to display Yelp reviews on your site. By default, Yelp can only return 3 reviews, but you can check the setting to try and get more than 3 reviews. It also allows you to enable Google rich snippets, pagination, sorting and more.

Yelp review settings

In display settings, you can hide business photo and user avatars, change theme to dark, add character limit to reviews and manage the widget theme.

The advance options allow you to open links in new window, use no follow links in reviews, lazy load images, and more.

Yelp display and advance settings

Once you are done, make sure to save the widget settings and go to your website to see your Yelp business reviews in the sidebar.

Yelp reviews in WordPress sidebar widget

The plugin also allows you to create shortcodes for Yelp reviews and display them anywhere on your site. For this, you need the Yelp Reviews Pro plugin.

Once activated, simply go to the Settings » Yelp Reviews Pro page and go to the Shortcode Builder tab. Like the Yelp reviews widget, you can search the for a brand or service with its name and location.

Create shortcodes for Yelp reviews

You need to select your business from the list and save the reviews. The other 3 sections to manage Yelp reviews are similar to the settings in the Yelp reviews widget.

After you save these reviews, it will automatically update the shortcode box on the right side of the screen.

Copy Yelp reviews shortcode

Next, you need to go ahead and paste this shortcode in WordPress blog post or page. After that head over to your site to see the Yelp reviews in action.

Display Yelp reviews in WordPress posts and pages

We hope this article helped you learn how to display Yelp reviews on your WordPress site. You may also want to see our expert pick of the best product review plugins for WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Display Yelp Reviews on your WordPress Site appeared first on WPBeginner.

How to Allow Users to Upload Images in WordPress Comments

Images and comments are both powerful tools to boost user engagement on your site. This is one of the reasons why Facebook allow users to upload images with their comments. What if we tell you that you can add the same functionality to WordPress comments?… Read More »

The post How to Allow Users to Upload Images in WordPress Comments appeared first on WPBeginner.

Images and comments are both powerful tools to boost user engagement on your site. This is one of the reasons why Facebook allow users to upload images with their comments. What if we tell you that you can add the same functionality to WordPress comments? Depending on your site’s niche and target audience, this can significantly increase user engagement on your site. In this article, we will show you how to allow users to upload images in WordPress comments.

How to Allow Users to Upload Images in WordPress

Allow Users to Upload Images in WordPress Comments

First thing you need to do is install and activate the Comment Attachment plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » Discussion page in your WordPress admin area and scroll down to Comment Attachment section.

Comment Settings

On this page, you can manage the settings to display image attachment field in the comments section of your WordPress posts and pages. These settings include the position of comment field, field title, required option, file types, image attachment size, and more.

You can also allow your users to attach a document, PDF, powerpoint presentation, excel spreadsheet, and more. Simply check the file type options in the comment attachment settings.

Allowed File Types

Once you are done, click on the Save Changes button to store your settings.

After that head over to any post page on your WordPress site, and you will see an image upload field in the comments area like the screenshot below:

Add Attachment in Comment

All images uploaded by users are stored in your WordPress media library. If you want to delete an image uploaded by a user, then you need to go to Media » Library, locate the image, and then delete it.

Note: This will delete the image from the comment without affecting the comment text.

It will be good to add some comment posting guidelines on your site to let users know what kind of attachments they can upload. You can check WPBeginner’s comment policy page for an example. You can then add a link to your comment policy text in the WordPress comment form.

Due to the nature of images, you may want to moderate all comments before they appear on your site. You can do this by enabling comment moderation and notify users when their comment is approved on your site.

You can also display the total number of comments to engage more users on the WordPress posts or pages.

To further boost media capabilities in your comments, you can enable oEmbed support for comments in WordPress. This will allow your users to embed YouTube videos, tweets, flickr photos, and more alongside with the images they upload.

We hope this article helped you learn how to allow users to upload images in WordPress comments. You may also want to see our tips on getting more comments on your WordPress blog posts .

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Allow Users to Upload Images in WordPress Comments appeared first on WPBeginner.

How to Create an Event Registration Page in WordPress

Do you want to add an event registration page on your WordPress site? Recently one of our readers asked if they can allow users to sign up and buy tickets online for their events. In this article, we will show you how to easily create… Read More »

The post How to Create an Event Registration Page in WordPress appeared first on WPBeginner.

Do you want to add an event registration page on your WordPress site? Recently one of our readers asked if they can allow users to sign up and buy tickets online for their events. In this article, we will show you how to easily create an event registration page in WordPress and sell tickets online.

Creating an event registration page in WordPress

Why Create an Event Registration Page in WordPress?

There are plenty of third-party event registration and ticketing tools available in the market. You can also add Facebook events to your WordPress site.

However, many third-party event registration and ticketing services will charge a small fee for each ticket you sell. This quickly adds up, and you could end up paying a lot more than expected.

You will have limited options to promote your event on social media and even on your own website. Some event management services will insist on displaying their branding in your event emails, widgets, and tickets.

You can avoid some of these issues by creating your own event registration page in WordPress. This will allow you to collect online payments directly, store attendee information on your website, and use your own brand name when promoting the event.

That being said, let’s take a look at how to easily create an event registration page in WordPress.

Creating an Event Registration Page in WordPress

First thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

WPForms is a paid plugin, and you will need at least their PRO plan to access the PayPal add-on, which we will be using in this tutorial.

Upon activation, you need to visit the WPForms page in your WordPress admin area and click on the Add New button.

Add New Form

On the form builder, first you need to enter a title for your event registration form. Below that, you will see a list of ready-to-use form templates that you can select. Click on the Billing / Order Form template to continue.

New Event Registration Form

This template will set up a basic online order form asking users for their information like name, email, phone, address, available items, and more.

You can point and click on any field to edit or delete it. You can also add new form fields from the column on your left.

Billing / Order form template

To add tickets, click on the available items field and change it to attendees or tickets.

Add Tickets / Attendees Details

Your users will see the calculated price in the Total Amount field. Next, you need to set up the payment method.

Let’s go ahead and connect your event registration form to a payment service provider.

You need to click on the Payments tab in the left column and then click on the ‘Addons page’ link.

Note: You can also visit the addons page from your WordPress admin area by going to WPForms » Addons.

Install Payment Addon Service

This will take you to the addons page. WPForms comes with addons for PayPal and Stripe. You can install either or both of them.

Note: In order to use Stripe, your website must have HTTPS / SSL enabled.

Click on the install button below the addon and then click on the activate button.

Once activated, you need to go back to Payments section to configure payment services on your form. Select your payment service and enable it.

You need to add the details like PayPal email address, mode, payment type, cancel URL, and more.

Edit Payment Service

If you are using Stripe, then you will need to enter the API keys. For detailed instructions see how to use the Stripe addon with WPForms.

You will also need to enter a credit card field to your form before you can set up Stripe. Simply switch to the ‘Fields’ section and add a credit card field.

Add a credit card field to the form

After setting up payments, let’s set up notification emails for both you and your users.

Simply go to Settings » Notifications and click on the Add New Notification button.

Add New Email Notification

In the Send To Email Address section, you need to select user’s email from Smart Tags to send the ticket receipt.

Add Users Email

Now you need to scroll down to the Message section and add your custom message with the fields that you created for the registration from using Smart Tags.

Custom Message for Tickets

Once you are done, you can save your changes and close the form builder.

You can display this form on any page on your WordPress site. Let’s create a new event registration page in WordPress to display the form.

On the page edit screen, you will see a new button labeled ‘Add Form’ just above the editor.

Add form button

Clicking on it will bring up a popup where you will be able to select and insert the event registration form you created earlier.

Insert event registration form

The plugin will now add the required shortcode to your page editor. You can save your changes and click on the preview to see your event registration page in action.

Event registration form preview

We hope this article helped you learn how to create an event registration page in WordPress. You may also want to see our list of the best WordPress booking plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create an Event Registration Page in WordPress appeared first on WPBeginner.

How to Create GDPR Compliant Forms in WordPress

Do you want to create GDPR compliant forms in WordPress? European Union’s new GDPR law requires explicit user consent to store personal information, so users can have more personal control on their data stored on websites. In this article, we will show you how to… Read More »

The post How to Create GDPR Compliant Forms in WordPress appeared first on WPBeginner.

Do you want to create GDPR compliant forms in WordPress? European Union’s new GDPR law requires explicit user consent to store personal information, so users can have more personal control on their data stored on websites. In this article, we will show you how to easily create GDPR compliant forms in WordPress.

How to add GDPR compliant forms in WordPress

What is GDPR?

The General Data Protection Regulation (GDPR) is a European Union (EU) law that became effective on May 25th, 2018. The purpose of this new law is to give EU citizens control over their personal data and change how companies and businesses handle data privacy around the world.

For more details, see our ultimate guide to WordPress and GDPR compliance which will answer all your GDPR related questions in plain English.

A typical WordPress site may collect user’s personal information in a number of ways. One of which is by adding forms to the site. Most forms collect personal information, and you may want to make sure that your WordPress forms are in compliance with the GDPR.

What is Required to Make a Form GDPR Compliant

In order to make your WordPress forms GDPR compliant, you will need to add the following features:

  • Ask users to give explicit consent for storing and using their personal information.
  • Allow users to request access to their own personal information stored on your website.
  • Allow users to request deletion of their data from your website.

Having said that, let’s take a look at how to easily create GDPR compliant WordPress forms.

How to Make a GDPR Compliant Form in WordPress

We recommend using WPForms to make GDPR compliant WordPress forms. It is the best contact form plugin for WordPress and comes with built-in GDPR enhancement features including:

  • 1-click GDPR Agreement field for your forms
  • GDPR compliant data retention best practices
  • Easy entry management system to quickly find, export, or delete user data upon request

Here is how you can easily create a GDPR compliant form in WordPress using WPForms.

First, you need to install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit WPForms » Settings page and scroll down to the GDPR section. There, you need to check the box next to GDPR Enhancements option.

Enable GDPR enhancements

Enabling GDPR Enhancements option will reveal two more GDPR related settings.

The first one, ‘Disable User Cookies’ will stop WPForms from storing user sessions. This cookie contains a random unique identifier that helps WPForms add features like related entries, form abandonment, and geolocation. Disabling it will also disable those features.

The second option ‘Disable User Details’ will stop WPForms from storing user IP addresses and browser information.

Both of these settings are optional, and you can check them if you feel that you don’t need these features.

Don’t forget to click on the ‘Save Settings’ button store your changes.

WPForms is now ready to create a GDPR compliant forms in WordPress. You can now go to WPForms » Add New page to create a new form.

You will be asked to enter a title for your form and select a template. These templates are ready-made forms that you can use as a starting point. In this example, we are creating a simple contact form.

Form title and template

This will launch the WPForms builder interface. You will see your form preview in the right column, and on the left you will see all the fields that you can add to your form.

GDPR Agreement field in WPForms

Click on the ‘GDPR Agreement’ field to add it to your form. You will now see it appear at the bottom of your form. You can click on it to change its settings.

GDPR agreement field settings

You can change the title of the form field, agreement text, and use the description box to add details like a link to your privacy policy or terms and conditions pages.

Note: The GDPR Agreement field is always a required field, and it cannot be pre-checked to comply with the GDPR law. You can only add one GDPR agreement field to each form.

Once you are satisfied with the form, click on the save button on top to store your changes. You can now close the form builder.

Adding your GDPR compliant form to WordPress posts and pages

WPForms allows you to easily add forms anywhere on your website. Simply create a new page / post or edit an existing one. On the post edit screen, you will notice the new ‘Add Form’ button.

Add form button

Clicking on it will bring up a popup where you can select the form you created earlier. Simply click on the ‘Add form’ button again, and you will now see the contact form shortcode in your post editor.

Select and insert form in a WordPress post or page

You can now save or publish your post/page and click on the preview button to see your GDPR ready WordPress form in action.

WordPress form with GDPR agreement field

Managing Data Access and Deletion Requirements with WPForms

One of the requirements for GDPR compliance is to give users access and allowing them to request deletion of their data.

To do that, you can create a ‘Data access/delete form’ and add it to your privacy policy page. Users who wish to access their stored data or want it to be deleted can use that form to send you a request.

WPForms comes with an excellent entry management system that allows you to quickly find any data submitted via your forms.

You can access all form entries by visiting WPForms » Entries page and selecting the form you wish to view from the top left corner of the screen.

Managing data in WPForms

WPForms will show you all entries submitted using that form. You can search for a form entry by entering a name, email, ip address, or keyword.

You can also delete individual entries or click on the view button to see all data stored for that entry. On the single entry page, you can even export that single entry as a CSV file.

Managing a single entry

We hope this article helped you learn how to easily create GDPR compliant forms in WordPress. You may also want to see our article on how to track user engagement in WordPress using Google Analytics.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create GDPR Compliant Forms in WordPress appeared first on WPBeginner.

How to Create GDPR Compliant Forms in WordPress

Do you want to create GDPR compliant forms in WordPress? European Union’s new GDPR law requires explicit user consent to store personal information, so users can have more personal control on their data stored on websites. In this article, we will show you how to… Read More »

The post How to Create GDPR Compliant Forms in WordPress appeared first on WPBeginner.

Do you want to create GDPR compliant forms in WordPress? European Union’s new GDPR law requires explicit user consent to store personal information, so users can have more personal control on their data stored on websites. In this article, we will show you how to easily create GDPR compliant forms in WordPress.

How to add GDPR compliant forms in WordPress

What is GDPR?

The General Data Protection Regulation (GDPR) is a European Union (EU) law that became effective on May 25th, 2018. The purpose of this new law is to give EU citizens control over their personal data and change how companies and businesses handle data privacy around the world.

For more details, see our ultimate guide to WordPress and GDPR compliance which will answer all your GDPR related questions in plain English.

A typical WordPress site may collect user’s personal information in a number of ways. One of which is by adding forms to the site. Most forms collect personal information, and you may want to make sure that your WordPress forms are in compliance with the GDPR.

What is Required to Make a Form GDPR Compliant

In order to make your WordPress forms GDPR compliant, you will need to add the following features:

  • Ask users to give explicit consent for storing and using their personal information.
  • Allow users to request access to their own personal information stored on your website.
  • Allow users to request deletion of their data from your website.

Having said that, let’s take a look at how to easily create GDPR compliant WordPress forms.

How to Make a GDPR Compliant Form in WordPress

We recommend using WPForms to make GDPR compliant WordPress forms. It is the best contact form plugin for WordPress and comes with built-in GDPR enhancement features including:

  • 1-click GDPR Agreement field for your forms
  • GDPR compliant data retention best practices
  • Easy entry management system to quickly find, export, or delete user data upon request

Here is how you can easily create a GDPR compliant form in WordPress using WPForms.

First, you need to install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit WPForms » Settings page and scroll down to the GDPR section. There, you need to check the box next to GDPR Enhancements option.

Enable GDPR enhancements

Enabling GDPR Enhancements option will reveal two more GDPR related settings.

The first one, ‘Disable User Cookies’ will stop WPForms from storing user sessions. This cookie contains a random unique identifier that helps WPForms add features like related entries, form abandonment, and geolocation. Disabling it will also disable those features.

The second option ‘Disable User Details’ will stop WPForms from storing user IP addresses and browser information.

Both of these settings are optional, and you can check them if you feel that you don’t need these features.

Don’t forget to click on the ‘Save Settings’ button store your changes.

WPForms is now ready to create a GDPR compliant forms in WordPress. You can now go to WPForms » Add New page to create a new form.

You will be asked to enter a title for your form and select a template. These templates are ready-made forms that you can use as a starting point. In this example, we are creating a simple contact form.

Form title and template

This will launch the WPForms builder interface. You will see your form preview in the right column, and on the left you will see all the fields that you can add to your form.

GDPR Agreement field in WPForms

Click on the ‘GDPR Agreement’ field to add it to your form. You will now see it appear at the bottom of your form. You can click on it to change its settings.

GDPR agreement field settings

You can change the title of the form field, agreement text, and use the description box to add details like a link to your privacy policy or terms and conditions pages.

Note: The GDPR Agreement field is always a required field, and it cannot be pre-checked to comply with the GDPR law. You can only add one GDPR agreement field to each form.

Once you are satisfied with the form, click on the save button on top to store your changes. You can now close the form builder.

Adding your GDPR compliant form to WordPress posts and pages

WPForms allows you to easily add forms anywhere on your website. Simply create a new page / post or edit an existing one. On the post edit screen, you will notice the new ‘Add Form’ button.

Add form button

Clicking on it will bring up a popup where you can select the form you created earlier. Simply click on the ‘Add form’ button again, and you will now see the contact form shortcode in your post editor.

Select and insert form in a WordPress post or page

You can now save or publish your post/page and click on the preview button to see your GDPR ready WordPress form in action.

WordPress form with GDPR agreement field

Managing Data Access and Deletion Requirements with WPForms

One of the requirements for GDPR compliance is to give users access and allowing them to request deletion of their data.

To do that, you can create a ‘Data access/delete form’ and add it to your privacy policy page. Users who wish to access their stored data or want it to be deleted can use that form to send you a request.

WPForms comes with an excellent entry management system that allows you to quickly find any data submitted via your forms.

You can access all form entries by visiting WPForms » Entries page and selecting the form you wish to view from the top left corner of the screen.

Managing data in WPForms

WPForms will show you all entries submitted using that form. You can search for a form entry by entering a name, email, ip address, or keyword.

You can also delete individual entries or click on the view button to see all data stored for that entry. On the single entry page, you can even export that single entry as a CSV file.

Managing a single entry

We hope this article helped you learn how to easily create GDPR compliant forms in WordPress. You may also want to see our article on how to track user engagement in WordPress using Google Analytics.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create GDPR Compliant Forms in WordPress appeared first on WPBeginner.

How to Add Your Etsy Store in WordPress

Recently one of our readers asked if it’s possible to connect an Etsy store to WordPress. Having your Etsy shop integrated with your WordPress site can help you sell more products online. In this article, we will show you how to add your Etsy store… Read More »

The post How to Add Your Etsy Store in WordPress appeared first on WPBeginner.

Recently one of our readers asked if it’s possible to connect an Etsy store to WordPress. Having your Etsy shop integrated with your WordPress site can help you sell more products online. In this article, we will show you how to add your Etsy store in WordPress.

How to add your Etsy store in WordPress

Why Add Your Etsy Store in WordPress?

Etsy shops are somewhat limited in features when compared to other popular eCommerce platforms like Shopify or WooCommerce. Mainly because Etsy is an online marketplace for creative goods, while WooCommerce and Shopify are complete eCommerce platforms.

Etsy shops have strict product guidelines with limited payment options, which may not be available in many countries. You also don’t have the ability to add advanced features to your Etsy Shop like you can do with a WooCommerce online store.

However, Etsy offers you more exposure to a niche clientele looking for handcrafted, artistic, and unique products. It is very easy to use, and you don’t have to spend much time on finding customers because they are already there.

If you want to expand your business, then you may want to use WordPress to create a website to better showcase your Etsy shop products.

That being said, let’s take a look at how to easily add your Etsy store in WordPress.

Adding Your Etsy Store in WordPress

First thing you need to do is install and activate the Etsy Shop plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » Etsy Shop page and enter your Etsy API key to connect your shop with the plugin.

Note: If you don’t have an Etsy API key, then simply follow the link to get one from your Etsy store.

Add Etsy API key

Once you click on the link, it will ask you to create a new app. You need to add the name for your app, describe your app, and add your WordPress site URL. After that, you need to select the best choices for your application and click on the Create App button below.

Create a new app

You will now see a success message with your Etsy API key. Go ahead and copy the key from here.

Copy Etsi API key

Next, you need to go back to your WordPress admin area and paste the Etsy API key. Once done, click on the Save Changes button, and the plugin will validate your API key and connect to your Etsy shop.

Add valid Etsy API key

After connecting your Etsy store successfully, you can display and sell products from your Etsy shop right on your WordPress blog.

To add the Etsy store products in WordPress, you need to create a new page in WordPress or edit an existing page. On this page, you need to add the following shortcode to your page edit area.

[etsy-shop shop_name="MyShopUSDesign" section_id="55895579"]

Don’t forget to replace the shop name and section ID in this shortcode with your Etsy shop name and ID.

To get these two details, you need to go to your Etsy store and click on Shop Manager from top right corner of the screen.

Note: Make sure that you are already logged in to your Etsy account.

Open shop manager

On this page, you need to click the link in the left menu to access your shop.

Go to shop name

First, you need to copy the name of your shop and then click on the Edit Shop button to find the section ID.

Edit shop for section ID

From here, you need to click on Listings tab located in the left menu.

Go to listings

On this page, you will be asked to select the section in which you have added your products. You can select the Sections from the dropdown as displayed in the screenshot below.

Select the section

The section ID of your shop will be displayed in the page URL when your selected section is loaded. Go ahead and copy this section ID to replace in the shortcode.

Etsy section ID

After adding the shortcode with your shop name and section ID, you can visit the post/page to see your Etsy store in WordPress.

My Etsy Store

You can add the same shortcode to multiple posts or pages in WordPress to display your Etsy shop. To show different listings, you need to change the section ID in the shortcode. However, the shop name can remain same.

We hope this article helped you learn how to add your Etsy store in WordPress. You may also want to see our guide on how to create an online marketplace using WordPress, so you can create your own Etsy like eCommerce marketplace.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Your Etsy Store in WordPress appeared first on WPBeginner.

How to Add Magnifying Zoom for Images in WordPress

Do you want to add an Amazon like magnifying zoom for images in WordPress? Zooming images allow users to see details that they would not see in a normal sized image. In this article, we will show you how to easily add magnifying zoom for… Read More »

The post How to Add Magnifying Zoom for Images in WordPress appeared first on WPBeginner.

Do you want to add an Amazon like magnifying zoom for images in WordPress? Zooming images allow users to see details that they would not see in a normal sized image. In this article, we will show you how to easily add magnifying zoom for images in WordPress.

How to Add Magnifying Zoom for Images in WordPress

Adding Magnifying Zoom for WordPress Images

First thing you need to do is install and activate the WP Image Zoom plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit WP Image Zoom page in your WordPress admin. From here, you can manage the zoom settings for your images.

WP Image Zoom

In the General Settings tab, you can enable features like zoom on WooCommerce product images, thumbnails, mobile devices, attachment pages, category pages, and more. It also allows you to remove the lightbox, so your users can smoothly zoom images.

General Settings

If you are not removing lightbox for images, then you can scroll down for further settings like enabling zoom inside a lightbox.

Note: You can see supported lightboxes to make sure that the zoom works fine inside a lightbox.

Enable Lightbox Zoom

Once you are done adjusting the settings on this page, don’t forget to click on the Save Changes button.

Next, you need to visit the Zoom Settings tab. It has 4 easy steps to add magnifying zoom for your images.

First, you need to select the shape of the lens to zoom images. You can choose from circle, square, and zoom window lens shape.

Select Zoom Lens Shape

After choosing your lens, go to the next step and preview an image with the selected lens to see how it works. The plugin has a preview image that you can use to test your changes.

Preview Zoom Image

You can come back and live preview this image after making any changes to the configuration below.

In the next step, you can select cursor type, set animation easing effect, enable the zoom on mouse hover or mouse click, and define a zoom level. Some of these features are only available for the pro version of the plugin.

General Configuration

Now you can go to the Lens configuration tab for settings like lens size, lens color, lens border options, and more. These settings are effective only if you selected the circle or square lens in Step 1.

Lens Configuration

Next, you can visit the Zoom Window configuration tab. This tab is enabled only if you selected the Zoom Window Lens in Step 1.

From here, you can change the width and height of zoom window, positioning, distance from the main image, borders, and more.

Zoom Window Configuration

Lastly, you can add custom text to the image and choose text size, color, and alignment.

Custom Text Configuration

Don’t forget to click on the Save Changes button to store your settings. You can always look at the preview image to see how the magnifier will work on your blog images with these settings.

Save Changes

The above settings will enable magnifying zoom on your WooCommerce product images. To enable zoom for your images on WordPress posts and pages, you need to follow the steps below.

Enabling Magnifying Zoom for Images on Posts and Pages

By default, the magnifying zoom is not enabled for images on your posts and pages. You need to do it manually after adding an image to your content.

Once you add the image to your post or page, simply click to select it and then click on the magnifying icon in the toolbar. This icon will apply the zoom settings on your image.

Add Zoom to Posts / Pages Images

After that, head over to the post to see magnifying zoom feature enabled for the selected image. You need to repeat this step each time you want to add the zoom effect to an image.

Apply Zoom Post / Page Images

We recommend using high-quality images for the zoom feature to look great. High-quality images are normally larger in file size and take longer to load which will affect your website speed and performance. To solve this issue, you need to optimize your images for the web before uploading them to WordPress.

We hope this article helped you learn how to add magnifying zoom for images in WordPress. You may also want to see our article on how to fix common image issues in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Magnifying Zoom for Images in WordPress appeared first on WPBeginner.