Category Archives: WordPress Plugins

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 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 Post Relationships Can Help Build Advanced Sites – Doctors And Patients Example

Tools which help you save time are generally a precious commodity – for developers they are priceless. Toolset has added two new features which will not only see you working smarter than ever before but will also make it easier to create websites which look more professional than ever. The first is the addition of ... Read moreHow Post Relationships Can Help Build Advanced Sites – Doctors And Patients Example

The post How Post Relationships Can Help Build Advanced Sites – Doctors And Patients Example appeared first on Learn WordPress with WPLift.

WP Compress Review: Optimize Your WordPress Images + Real Test Data

If you want your WordPress site to load fast, optimizing the images that you use is one of the biggest things that you can do. Images comprise about 65% of an average webpage. And unoptimized images are something that Google Pagespeed Insights will often yell at you about. So what’s the easiest way to optimize ... Read moreWP Compress Review: Optimize Your WordPress Images + Real Test Data

The post WP Compress Review: Optimize Your WordPress Images + Real Test Data appeared first on Learn WordPress with WPLift.

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 that users can have more personal control over their data stored on websites.

In this article, we will show you how to easily create GDPR-compliant forms in WordPress.

How to Create 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. This new law aims 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 users’ 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 comply with 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 the deletion of their data from your website.

Having said that, let’s take a look at how to easily create GDPR-compliant WordPress forms. You can click the links below to jump ahead to any section:

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 has built-in GDPR enhancement features.

For instance, you get a 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.

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.

For this tutorial, we’ll use the WPForms Pro version because it includes the disable user cookies and user details options. However, you can also use the WPForms Lite version to create a GDPR-compliant form.

Upon activation, you need to visit WPForms » Settings page and enter your license key. You can find the license key in the WPForms account area.

Entering the WPForms license key

Next, you’ll need to scroll down to the GDPR section.

There, you need to check the box next to the GDPR Enhancements option.

Enable GDPR enhancement option

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

The first option, ‘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 the ‘Save Settings’ button to store your changes.

Select Form Template and Add GDRP Agreement Field

WPForms is now ready to create 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 tutorial, we’ll use the ‘Simple Contact Form’ template.

Add a new form

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.

Add the GDPR agreement field

Simply drag the ‘GDPR Agreement’ field and add it to your form.

You will now see it appear at the bottom of your form. If you click on it, more options will appear in the settings panel on the left.

Edit the GDPR agreement

You can change the title of the form field and agreement text, and then 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.

Next, you can go to the Settings » Confirmations tab in the form builder. Here, you’ll get different options to select when a user submits a form. For instance, you can show a message, a page, or to redirect users to another URL.

Edit form confirmation settings

Once you are satisfied with the form, don’t forget to store your changes.

Adding GDPR Compliant Form to WordPress

WPForms allows you to easily add forms anywhere on your website.

You can simply click the ‘Embed’ button at the top of the form builder to get started.

Click the embed button

Next, a popup will open, which will ask you to create a new page or select an existing page.

We’ll use the ‘Create New Page’ option for this tutorial.

Embed a form in page

After that, you’ll need to enter a name for your page.

Once that’s done, simply click the ‘Let’s Go’ button.

Enter the name of the page

Your form will now appear in the WordPress content editor.

Another way to add forms to any page or post is using the WPForms block. Simply add the block to your content and select your form from the dropdown menu.

Add a WPForms block in wordpress

You can now save or publish your post or page.

Simply visit your website to see your GDPR-ready WordPress form in action.

GDPR form preview

Managing Data Access and Deletion Requirements with WPForms

One of the requirements for GDPR compliance is to give users access and allow them to request the 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 has 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 from your WordPress dashboard and selecting the form you wish to view.

View form entries in WPForms

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

From here, you can simply click the ‘Delete All’ option at the top to remove form entries.

Delete form entries

You can also delete individual entries or click the view button to see all data stored for that entry.

Disabling User Details for Specific Forms

With WPForms, you get full control over which forms can store user data. You can disable user details to be stored for each individual form.

First, you’ll need to go to WPForms » Settings from your WordPress dashboard and scroll down to the ‘GDPR’ section.

Here, ensure that the ‘Disable User Details’ option is unchecked.

Disable user details is unchecked

Don’t forget to click the ‘Save Settings’ button when you’re done.

After that, you can change each form’s settings in the form builder.

All you have to do is head to Settings » General in the form builder. Next, click the ‘Advanced’ section to expand it. From here, simply click the toggle for the ‘Disable storing user details (IP address and user agent)’ option.

Disable storing user details-settings

This will prevent extra user information from being stored for individual forms.

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 and the ultimate WordPress SEO 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 How to Create GDPR Compliant Forms in WordPress first appeared on WPBeginner.

5 Best WordPress Image Compression Plugins Compared And Tested (2018)

Looking for a WordPress image compression plugin to automatically shrink and resize the images that you upload to your WordPress site? Images comprise about 65% of an average website’s file sizes, so finding ways to reduce the size of your images is a great way to speed up your WordPress site. And with the right ... Read more5 Best WordPress Image Compression Plugins Compared And Tested (2018)

The post 5 Best WordPress Image Compression Plugins Compared And Tested (2018) appeared first on Learn WordPress with WPLift.

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 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?

Adding a zoom feature will allow users to see details that they would not see in a normal-sized image.

In this article, we’ll show you how to easily add magnifying zoom for images in WordPress.

How to add magnifying zoom for images in WordPress

Why Add a Magnifying Zoom for Images?

Adding a magnifying zoom feature on your WordPress website will allow visitors to view the intricate details of the images clearly.

If you have a photography website, then adding a magnifying feature will allow users to zoom in on your photographs to view the finer details.

Similarly, if you run an online store, then your customers will be able to zoom in on product images.

Many big eCommerce websites already use magnifying zoom for product images. It allows customers to examine the product and creates a better shopping experience in your store.

That being said, let’s see how you can easily add a magnifying zoom for images in WordPress.

How to Add a Magnifying Zoom For Images in WordPress

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

Upon activation, you need to head over to the WP Image Zoom » Zoom Settings page from the WordPress admin sidebar.

Next, you need to configure the zoom effect settings by switching to the ‘Zoom Settings’ tab and choose a lens shape that you want to use.

Choose a lens shape

You can choose from circle, square, and zoom window lens shapes. You can even choose a ‘No Lens’ (⨯) option if you don’t want to use a shape for magnifying effect.

After choosing your preferred lens, you need to scroll down to the next step where you can 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.

Check the preview of the lens in step two

Next, you need to switch to the ‘General’ tab.

From here, you can select a cursor type, set an animation effect, enable the zoom on mouse hover or mouse click, and define a zoom level.

If you want even more options, some of the features are only available for the pro version of the WP Image Zoom plugin.

Configure General tab settings in step 3

After making your choices accordingly, simply go to the ‘Lens’ tab from the top.

You can now configure settings like lens size, lens color, lens border options, and more if you selected the ‘circle’ or ‘square’ lens in Step 1.

Lens Settings

If you selected the Zoom Window Lens, then you need to switch to the ‘Zoom Window’ configuration tab.

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

Zoom window settings

Next, you need to simply click the ‘Save Changes’ to store your settings.

After that, all you have to do is configure a few general settings.

Clcik the Save Changes for the last step

Configure General Plugin Settings

Next, you need to switch to the General Settings tab under the plugin settings.

From here, you can now enable features like zoom on WooCommerce product images, thumbnails, mobile devices, attachment pages, product category pages, and more.

All you need to do is simply check the boxes next to these options.

Go to the General Settings tab and check the boxes beside the options you want to activate

You can also remove the lightbox effect, so users can smoothly zoom images.

However, you would need the Pro version of the plugin for this feature.

Remove the lightbox option by checking the box

If you are not going to remove the lightbox for images, then you need to scroll down to the ‘Enable inside a Lightbox’ option and check the box next to it.

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

Check enable inside lightbox option

Once you are done adjusting the settings, don’t forget to click on the ‘Save Changes’ button to store your settings.

Magnifying zoom will now be enabled for WooCommerce products.

You can go visit your online store to check our zoom feature.

Zoom feature enabled on the WooCommerce store

However, if you want to enable zoom for images on WordPress posts and pages, you need to follow the step below.

Step 3. Enable Magnifying Zoom for Images in Block Editor

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.

First, you need to open a post you want to edit in the block editor.

Next, you need to upload an image to that post from the media library or your computer.

Once you do that, simply click on the image to open up its’ Block Settings panel on the right corner of the screen.

From here, simply go to the ‘Styles’ tab and click on the ‘With Zoom’ button to apply magnifying zoom to your image.

Click on the Zoom button

After that, simply click the ‘Update’ or ‘Publish’ button at the top to store your settings.

The zoom feature will look like this on your site:

Zoom feature preview

Note: You will need to repeat this step each time you want to add the zoom effect to an individual image.

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 guide on how to optimize images for search engines and our top picks for the best image compression 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 Add Magnifying Zoom for Images in WordPress first appeared on WPBeginner.

Blox Page Builder Review: A Brand New WordPress Page Builder

WordPress users love page builders. And when it comes to page builders, we’re already a bit spoiled for choice. But Blox Page Builder aims to make us…spoiled’er. It’s a brand new entrant to the WordPress page builder market (though it’s been around longer as a page builder for Joomla). In my Blox Page Builder review, ... Read moreBlox Page Builder Review: A Brand New WordPress Page Builder

The post Blox Page Builder Review: A Brand New WordPress Page Builder appeared first on Learn WordPress with WPLift.

How to Create a Product Catalog in WordPress (without a Shopping Cart)

Do you want to create a product catalog in WordPress without adding a full-blown shopping cart? Sometimes businesses want to take order by phone while still displaying their product catalog on the website. In this article, we will show you how to easily create a product catalog in WordPress without a shopping cart.

How to create a WordPress product catalog without shopping cart

Why Add a Product Catalog without Shopping Cart>

Some businesses have products that they can’t sell online because they have an undetermined price. This makes it impossible for them to use a shopping cart plugin, but they still want to make a website, so they can showcase those products and attract potential customers.

Normally, people associate eCommerce platforms with online shopping. However, you can still use them to display products without using shopping cart feature.

That being said, let’s take a look at how to easily create a product catalog in WordPress without using the shopping cart feature.

Getting Started with Your Product Catalog in WordPress

The best way to create a product catalog in WordPress is by using WooCommerce. Don’t worry, you will not be using any of its shopping cart features.

If you already have a WordPress website, then you can go ahead and install and activate the WooCommerce plugin. For more details, see our step by step guide on how to install a WordPress plugin.

If you don’t have a WordPress site setup, then see our guide on how to create an online store to quickly set up WordPress with WooCommerce.

Once you have installed WooCommerce, you can move on to creating your product catalog in WordPress.

Creating Product Catalog in WordPress without Shopping Cart

By default, WooCommerce displays an add to cart or buy button next to all your products. This makes it difficult to create a product catalog without the shopping cart feature.

Luckily, there’s an easy solution that fixes this problem.

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

Upon activation, you need to visit YITH Plugins » Catalog Mode page to configure the plugin settings.

Catalog mode

First, you need to check the box next to ‘Enable YITH WooCommerce Catalog Mode’ option to enable the plugin. After that, you need to choose where you want to hide the ‘Add to cart’ button.

You can choose to hide it on the shop pages or product details pages.

But in this case, you should go with the last option which allows you to disable shop feature everywhere by disabling the checkout page, cart page, and removing all add to cart button everywhere.

Don’t forget to click on the ‘Save Changes’ button to store your settings.

Adding Products to Your WordPress Product Catalog

You can now go ahead and start adding products to your site. Simply visit Products » Add New page to enter your product information.

Add new product

On the products screen, you can provide product title, description, short description, product image, and product gallery. Under the ‘Product’ data section, you will find the price options. You can leave them blank if you don’t want to display product pricing.

Price options for product

Once you are finished, go ahead and publish your product. Repeat the process to add as many products as needed to build up your catalog.

Viewing Your WordPress Product Catalog

You can visit your WooCommerce shop page to view your default catalog in action. Your shop page is usually located at a URL like this:

http://example.com/shop/

Replace example.com with your own URL to view your WooCommerce shop page in the catalog mode.

Shop page in catalog mode

If you don’t want to use the shop page, then you can also display your products on any WordPress page and use it as your product catalog.

All you have to do is create a new WordPress page or edit an existing one, and add the following shortcode in the content area:

[products columns="4" limit="8" paginate="true"]

Feel free to change the number of columns and the items per page limit to your own requirements. Once you have adjusted the shortcode, go ahead and save or publish your page to preview it.

Product catalog page preview

You will notice that the product pages will not show any add to cart or buy buttons. You can click on any individual product to see the product details page.

Product details page

It will show all the product information images, description, gallery, without an add to cart or buy button.

We hope this article helped you learn how to easily create a product catalog in WordPress without the shopping cart feature. You may also want to see our list of the best WooCommerce themes that you can use for your product catalog website.

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 a Product Catalog in WordPress (without a Shopping Cart) appeared first on WPBeginner.