Blog

How to Add a Countdown Timer Widget in WordPress (3 Methods)


Do you want to add a milestone countdown in WordPress? A countdown timer helps you showcase important achievements, anniversaries, upcoming events and more. In this article, we will show you how to easily add a countdown timer in WordPress (even the evergreen timers).

Adding a milestone countdown widget in WordPress

When and Why you Need a Milestone Countdown Widget?

Milestone countdown widgets are a useful tool to remind your audience about an important milestone in your business, an upcoming event, product launch, or a sales events. This helps build anticipation among your customers and improves user engagement.

Following are some common scenarios where you can effectively use a milestone countdown widget:

  • Before launching your website on a coming soon page.
  • During website maintenance to let visitors know when the website will be available again.
  • Before introducing a new product or service.
  • When hosting an event or conference.
  • On the birthdays of your online business.
  • On holidays and sale events such as Black Friday to offer big discounts on your products or services.

You can display the milestone countdown timer in your posts, pages, and sidebar widget area. You can also add countdown timers in lightbox popups, floating bars, scroll boxes, and other design agnostic elements to engage abandoning site visitors and bring them back to your website.

Since there are so many use-cases of a countdown timer, we have listed 3 different methods for adding a milestone countdown widget in WordPress:

  1. Create Milestone Countdown Widget using Countdown Timer Ultimate
  2. Create Highly Engaging Dynamic Countdown Timers with OptinMonster
  3. Create Coming Soon & Maintenance Mode Countdown Timer with SeedProd

Let’s take a look at how to easily add a milestone countdown widget in WordPress.

Method 1: Adding a Milestone Countdown Widget Using Countdown Timer Ultimate Plugin

Countdown timer demo

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

Upon activation, you need to visit the Countdown Timer » Add Timer page in your WordPress admin area.

On this page, you need to start by adding your milestone name as the title for the new countdown timer.

Note: The timer uses the timezone set in your WordPress site settings. If you want to change the timezone for this countdown timer, then you will need to go to Settings » General and update the timezone settings of your WordPress site.

Add timer title

After that, you can scroll down to set an expiration date, day, and time for your milestone countdown timer.

Set expiry date

Next, you need to select an animation style from the drop-down. You can also adjust the circle and background width easily.

Choose animation

In the Countdown Width field, you can define a width for the full display of your countdown widget. If you leave this field blank, then it will display the timer using default size.

After that you can add the background and foreground color for the countdown timer. You can individually change the color for days, hours, minutes, and seconds. You can also change the labels for elements like days, hours, etc.

Background foreground color

Once you are satisfied with the settings, go ahead and click on the ‘Publish’ button.

Displaying Your Milestone Countdown Widget in WordPress

Now that you have created your milestone countdown widget, let’s add it to your website.

First, you need to click on the Countdown Timer menu. On the WP Countdown Timer page, you will see the timer you just created listed there.

Copy shortcode

Next to your countdown timer, you will see a shortcode that you need to copy.

You need to copy and paste this shortcode in the content area of your post or page. Make sure to click on the update or publish button to save your changes.

You can now visit your website to see the milestone countdown widget in action.

Countdown timer demo

You can also add this countdown timer in the sidebar of your WordPress site. Simply go to Appearance » Widgets page and add a ‘Text’ widget to your sidebar. In widget settings, you need to paste the shortcode for your countdown timer.

Countdown widget settings

Once you’re done, don’t forget to click on the save button to store your widget settings.

You can now visit your website to see your milestone countdown sidebar widget in action.

Countdown milestone preview

Method 2: Adding a MileStone Countdown Widget Using OptinMonster

OptinMonster is the best lead generation software on the market. It helps you convert abandoning site visitors into subscribers and customers.

Using the countdown timer feature by OptinMonster, you can integrate the milestone countdown timer into a lightbox popup, fullscreen widget, floating bar, or any other OptinMonster campaign type.

Below is an example of one of the pre-made countdown timer campaigns they have, but you can use drag & drop builder to create a completely customized countdown timer.

OptinMonster Countdown Timer Popup for Holidays

OptinMonster is a smart way to show countdown timer in a highly attention grabbing design elements. They even allow you to create evergreen countdown timers in WordPress.

First you need to visit the OptinMonster website and signup for a plan that meets your need.

After that, you need to install the OptinMonster plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin will work as a connector between your WordPress site and OptinMonster app.

Upon activation, click on the OptinMonster link in your WordPress admin menu. Next, you will be asked to enter your OptinMonster API credentials.

Connect to OptinMonster

You can find this information under your account on the OptinMonster website. Simply login to your account and then click on the ‘API’ link from the menu.

OptinMonster API key

You need to copy your API key and paste it into OptinMonster settings on your WordPress site. After that, click on ‘Connect to OptinMonster’ button to continue.

The plugin will now connect your WordPress site to your OptinMonster account.

Once connected, you can start creating a new campaign from your OptinMonster dashboard. You can use any campaign type and integrate the countdown timer in it.

Create a new campaign

For more details, see this step by step tutorial on how to create a countdown timer campaign in OptinMonster.

OptinMonster Countdown Timer Popup for Holidays

Method 3: Adding a Milestone Countdown Widget Using SeedProd

SeedProd is the best WordPress coming soon page plugin. The SeedProd pro version comes with a countdown timer feature. You can add this countdown timer to your WordPress website and let your visitors know about a launch or an upcoming website.

SeedProd preview

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

Upon activation, you’ll be redirected to Settings » General page in your WordPress admin area. It’ll ask for a license key that you can get from your SeedProd account.

License key

Next, you need to visit Settings » Coming Soon Pro page and enable the coming soon mode. It’ll automatically launch the countdown timer with the coming soon page.

Enable coming soon page

You can click on the edit option to choose a template and customize your coming soon page. Once you are satisfied, make sure to click on the save changes button.

SeedProd countdown

You can now visit your website to see the coming soon counter in action.

That’s all. We hope this article helped you learn how to add a milestone countdown widget in WordPress. You may also want to see our practical tips on getting more traffic for your 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 Add a Countdown Timer Widget in WordPress (3 Methods) appeared first on WPBeginner.



Source link

7 Ways to Spread the Holiday Spirits with Your WordPress Site


Are you looking for ways to promote the true spirit of holidays on your WordPress website? It is the best time to share the joys of the season with your users while promoting your business. Since many of our readers asked for recommendations on the top WordPress holiday plugins and themes, we have highlighted the best ways to spread the holiday spirits with your WordPress site.

Spread the holiday spirit with your WordPress site

How to Spread the Holiday Spirits with WordPress?

The best way to celebrate the holiday season is to include your users into your happiness. You can offer them discounts on your products and services. You can also add holiday decorations like snowfall effects, Christmas bells, lights, and more on your WordPress website.

There are many third-party WordPress plugins and themes for holiday season. You can use them on your website to make it look more festive.

Another way to spread the holiday spirits is by sending gifts to your users through a lucky draw. You should check out our guide on amazing holiday gift ideas and share the happiness with your customers.

That being said, let’s take a look at the best ways to spread the holiday spirits with your WordPress site.

1. OptinMonster

OptinMonster

OptinMonster is the best lead generation and optin form plugin for WordPress sites. It has a powerful exit-intent ® technology that helps in converting your abandoning visitors into subscribers and customers.

OptinMonster comes with a holiday campaign theme that you can use with their lightbox popup, sidebar, floating bar, fullscreen optin, and other campaign types. You can also create a countdown popup to boost your holiday sales.

Optin holiday template

The countdown timer creates a sense of urgency that helps you get more sales during the holiday season.

You can use OptinMonster to also show a seasonal greeting and any other promotion that you may want.

2. Snow Storm

Snow Storm

Snow Storm is a popular WordPress plugin for holiday celebrations. It allows you to show falling snowflakes on your website. The plugin allows you to change the color of the snow, manage the amount of snow, animation interval, melt effects, and more. The plugin will add a beautiful snowy effect to your WordPress site.

3. Christmas Ball on Branch

Christmas ball on branch

Christmas Ball on Branch is a simple and free plugin that lets you add a Christmas ball on a branch to your site. There are no settings for the plugin. You can simply install and activate it. It’ll display the branch and the ball on the top right corner of your site. It’s particularly useful if you don’t want your on-site holiday decorations to take over the content.

4. Christmas Countdown Widget

Christmas countdown widget

Christmas Countdown Widget is a free WordPress plugin that adds a countdown timer to your sidebar and other widget-ready areas. It comes with a stunning Santa Claus that shows countdown timer until Christmas. On the day of Christmas, Santa will greet your users with “Merry Christmas”.

It has a transparent background which means you can use it on any WordPress themes. You can also use the shortcode to display Santa Claus with countdown timer on your posts and pages.

5. Xmas Lights

Xmas Lights

Xmas Lights is another free WordPress plugin for holidays. It displays Christmas lights on the top of your homepage. You can install the plugin and it will automatically show the christmas lights on your WordPress site without any configuration.

6. Christmas Music

Christmas music

Christmas Music is a WordPress plugin for holiday music. You can use this plugin to add Christmas music (Jingle Bells) on your entire website or specific posts and pages. It shows a play/pause button on the bottom right corner for users to enable or disable the music.

7. WordPress Themes for Holidays

We don’t usually recommend our users to change their WordPress theme for a specific event or holiday season. However, if you have a personal website and really want to change your theme to a holiday theme, then you should check out our handpicked list of the best WordPress themes for holidays.

Christmas Bell

Christmas bell

Christmas Bell is a free and multipurpose WordPress theme. It can be used to add the looks and feels of a festival, holiday, or specifically Christmas decorations on your website. It features a custom logo, featured content slider, header media options, and more. The theme beautifully adds a festive feel to your WordPress website.

Snowflakes

Snowflakes

Snowflakes is a free WordPress holidays theme with photos. It comes with bright colors and a cheerful festive look. Snowflakes has multiple color options, navigation menus, image galleries, and more. You can use this theme to transform your site for the holidays.

We hope this article helped you find the best ways to spread the holiday spirits with your WordPress site. You may also want to see our expert tips on growing your business online on a small budget.

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 Ways to Spread the Holiday Spirits with Your WordPress Site appeared first on WPBeginner.



Source link

How to Optimize Your Robots.txt for SEO in WordPress (Beginner’s Guide)


Recently one of our readers asked us for tips on how to optimize the robots.txt file to improve SEO. Robots.txt file tells search engines how to crawl your website which makes it an incredibly powerful SEO tool. In this article, we will show you how to create a perfect robots.txt file for SEO.

Using WordPress robots.txt file to improve SEO

What is robots.txt file?

Robots.txt is a text file that website owners can create to tell search engine bots how to crawl and index pages on their site.

It is typically stored in the root directory also known as the main folder of your website. The basic format for a robots.txt file looks like this:


User-agent: [user-agent name]
Disallow: [URL string not to be crawled]

User-agent: [user-agent name]
Allow: [URL string to be crawled]


Sitemap: [URL of your XML Sitemap]

You can have multiple lines of instructions to allow or disallow specific URLs and add multiple sitemaps. If you do not disallow a URL, then search engine bots assume that they are allowed to crawl it.

Here is what a robots.txt example file can look like:


User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /wp-admin/

Sitemap: https://example.com/sitemap_index.xml


In the above robots.txt example, we have allowed search engines to crawl and index files in our WordPress uploads folder.

After that, we have disallowed search bots from crawling and indexing plugins and WordPress admin folders.

Lastly, we have provided the URL of our XML sitemap.

Do You Need a Robots.txt File for Your WordPress Site?

If you don’t have a robots.txt file, then search engines will still crawl and index your website. However, you will not be able to tell search engines which pages or folders they should not crawl.

This will not have much of an impact when you’re first starting a blog and do not have a lot of content.

However as your website grows and you have a lot of content, then you would likely want to have better control over how your website is crawled and indexed.

Here is why.

Search bots have a crawl quota for each website.

This means that they crawl a certain number of pages during a crawl session. If they don’t finish crawling all pages on your site, then they will come back and resume crawl in the next session.

This can slow down your website indexing rate.

You can fix this by disallowing search bots from attempting to crawl unnecessary pages like your WordPress admin pages, plugin files, and themes folder.

By disallowing unnecessary pages, you save your crawl quota. This helps search engines crawl even more pages on your site and index them as quickly as possible.

Another good reason to use robots.txt file is when you want to stop search engines from indexing a post or page on your website.

It is not the safest way to hide content from the general public, but it will help you prevent them from appearing in search results.

What Does an Ideal Robots.txt File Should Look Like?

Many popular blogs use a very simple robots.txt file. Their content may vary, depending on the needs of the specific site:


User-agent: *
Disallow:
 
Sitemap: http://www.example.com/post-sitemap.xml
Sitemap: http://www.example.com/page-sitemap.xml

This robots.txt file allows all bots to index all content and provides them a link to the website’s XML sitemaps.

For WordPress sites, we recommend the following rules in the robots.txt file:


User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /wp-admin/
Disallow: /readme.html
Disallow: /refer/

Sitemap: http://www.example.com/post-sitemap.xml
Sitemap: http://www.example.com/page-sitemap.xml

This tell search bots to index all WordPress images and files. It disallows search bots from indexing WordPress plugin files, WordPress admin area, the WordPress readme file, and affiliate links.

By adding sitemaps to robots.txt file, you make it easy for Google bots to find all the pages on your site.

Now that you know what an ideal robots.txt file look like, let’s take a look at how you can create a robots.txt file in WordPress.

How to Create a Robots.txt File in WordPress?

There are two ways to create a robots.txt file in WordPress. You can choose the method that works best for you.

Method 1: Editing Robots.txt File Using Yoast SEO

If you are using the Yoast SEO plugin, then it comes with a robots.txt file generator.

You can use it to create and edit a robots.txt file directly from your WordPress admin area.

Simply go to SEO » Tools page in your WordPress admin and click on the File Editor link.

File editor tool in Yoast SEO

On the next page, Yoast SEO page will show your existing robots.txt file.

If you don’t have a robots.txt file, then Yoast SEO will generate a robots.txt file for you.

Create robots.txt file using Yoast SEO

By default, Yoast SEO’s robots.txt file generator will add the following rules to your robots.txt file:


User-agent: *
Disallow: /

It is important that you delete this text because it blocks all search engines from crawling your website.

After deleting the default text, you can go ahead and add your own robots.txt rules. We recommend using the ideal robots.txt format we shared above.

Once you’re done, don’t forget to click on the ‘Save robots.txt file’ button to store your changes.

Method 2. Edit Robots.txt file Manually Using FTP

For this method, you will need to use an FTP client to edit robots.txt file.

Simply connect to your WordPress hosting account using an FTP client.

Once inside, you will be able to see the robots.txt file in your website’s root folder.

Editing WordPress robots.txt file using FTP

If you don’t see one, then you likely don’t have a robots.txt file. In that case, you can just go ahead and create one.

Create robots.txt file using FTP

Robots.txt is a plain text file, which means you can download it to your computer and edit it using any plain text editor like Notepad or TextEdit.

After saving your changes, you can upload it back to your website’s root folder.

How to Test Your Robots.txt File?

Once you have created your robots.txt file, it’s always a good idea to test it using a robots.txt tester tool.

There are many robots.txt tester tools out there, but we recommend using the one inside Google Search Console.

Simply login to your Google Search Console account, and then switch to the old Google search console website.

Switch to old Google Search Console

This will take you to the old Google Search Console interface. From here you need to launch the robots.txt tester tool located under ‘Crawl’ menu.

Robots.txt tester tool

The tool will automatically fetch your website’s robots.txt file and highlight the errors and warnings if it found any.

Final Thoughts

The goal of optimizing your robots.txt file is to prevent search engines from crawling pages that are not publicly available. For example, pages in your wp-plugins folder or pages in your WordPress admin folder.

A common myth among SEO experts is that blocking WordPress category, tags, and archive pages will improve crawl rate and result in faster indexing and higher rankings.

This is not true. It’s also against Google’s webmaster guidelines.

We recommend that you follow the above robots.txt format to create a robots.txt file for your website.

We hope this article helped you learn how to optimize your WordPress robots.txt file for SEO. You may also want to see our ultimate WordPress SEO guide and the best WordPress SEO tools to grow your 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.



Source link

How to Add Age Verification in WordPress


Do you want to add age verification to your WordPress website? Some website owners may want to ask their site visitors for age verification before accessing content due to the nature of content and the legal requirements. In this article, we will show you how to easily add age verification on your WordPress site.

Adding age verification to a WordPress website

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

Upon activation, the plugin adds a new menu item labeled Age Gate to your WordPress admin area. Clicking on it will take you to plugin’s settings page.

Age Gate settings

First, you need to enter the required minimum age for verification. After that, you can choose whether you want to apply the age verification restriction on all or selected content.

The ‘Varied Age’ option allows you to select different minimum age requirements for different posts and pages on your website.

For age verification, the plugin provides three options. You can display a form where users can enter their age, drop down boxes, or simple Yes/No buttons.

You can also allow users to remember the age verification or go ahead and enable ‘Remember me’ option by default. This would save your users from seeing the age verification message each time they visit your website.

Once you’re done configuring the settings, go ahead and click on the save changes button to store your settings. You can now visit your website to see the age verification screen in action.

Default age verification notice

The default age verification screen doesn’t look very good. Let’s take a look at how to customize it and make it look better.

Customizing Age Verification Screen and Message

The Age Gate plugin allows you to easily customize the appearance of the age verification screen and even include your own message.

First, click on the ‘Messaging’ tab on the plugin’s settings page. From here, you can change the age verification message. You can provide a title, description, terms and conditions, privacy policy, and any other information you want to display.

Change age verification messaging

Don’t forget to click on the save changes button to store your settings.

Next, you need to switch to the ‘Appearance’ tab on plugin’s settings page. From here, you can change background color, foreground color, background image, text color, and more.

Appearance settings for age verification screen

After changing the appearance settings, don’t forget to save your changes.

You can now visit your website in a new browser window using incognito mode to view the age verification screen in action.

More colorful age verification screen

Advanced Age Verification Settings

If you are having trouble with your age verification screen page, then switch to the ‘Advanced’ tab on plugin’s settings page.

The most likely issue you may see are caused by conflicts with your WordPress caching plugin or the caching enabled by your WordPress hosting service.

In that case, Age Gate comes with a JavaScript version that you can enable from the Advanced tab.

Advanced age gate settings

You can also enable other advanced settings from this page like Gutenberg support, adding custom CSS rules, and enabling anonymous age verification.

Setting Age Verification Screen for Specific Posts

If you chose ‘Varied Ages’ or ‘Selected Content’ options in the plugin’s settings page, then you can enable age verification for individual posts and pages.

Simply edit the post or page, and you will see the age restriction options under the publish meta box.

Age verification options for posts and pages

If you run an online store, then you can also use this option for specific products on your site.

We hope this article helped you learn how to add age verification in WordPress. You may also want to see our complete WordPress security guide to keep your site safe and secure.

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 Age Verification in WordPress appeared first on WPBeginner.



Source link

Listed in the 17 Exclusive Free WooCommerce WordPress Plugins

17 Exclusive Free WooCommerce WordPress Plugins

Owning an eCommerce website is a matter of responsibility. You definitely need to take care of your customers. WooCommerce is a nice plugin which provides a full utility kit for WordPress eCommerce sites. Now Make your eCommerce site impressive and user friendly by using given WooCommerce WordPress plugins, install it today that you need more. In this article, we have compiled a list of some effective and free WordPress WooCommerce plugins for your eCommerce websites. If you liked the post, bookmark on Delicious, Digg, StumbleUpon etc to spread the word. You may be interested in the following posts: PHP Frameworks for Web Developers, WordPress Google Analytics Widgets, WordPress Reports Plugins and Audio Editing Softwares.

1. Woocommerce Payment Gateway per Product

This plugin for woocommerce lets you select the available payment gateways for each individual product. You can select for eacht individual product the payment gateway that will be used by checkout.
Woocommerce Payment Gateway per Product
Woocommerce Payment Gateway per Product

2. Bulk Photo to Product Importer Extension

This Plugin is an extension to WooCommerce and enables users to bulk import photos, which are
See complete article on: http://wpjuices.com/wordpress/woocommerce-wordpress-plugins/

Web-pepper about our WooCommerce Payment Gateway per Product plugin (dutch)

Ok, dus we hebben WordPress met WooCommerce om de webshop functionaliteit te regelen, maar je zou willen dat een specifiek product alleen op een specifieke manier te betalen is. Het kan namelijk zijn dat je producten levert die via iDeal te bestellen zijn, maar dat bijvoorbeeld een dienst contant bij aflevering betaald moet worden en niet vooraf via iDeal, PayPal of CreditCard.
Simpel, betalingsmethoden aan, of uitzetten

Simpel, betalingsmethoden aan of uit uitzetten, per product!

Read the complete article

Standaard is dit niet mogelijk in WooCommerce. Toch had een van onze klanten de wens en gingen wij op zoek naar een solide oplossing. Deze vonden we in de Woocommerce Payment Gateway per Product plugin van dreamfox. Deze plugin voor WooCommerce kunt u de beschikbare betalingsgateways voor elk afzonderlijk product te selecteren. Als er geen keuze wordt gemaakt, dan is de standaard betaling gateways worden weergegeven. De gratis versie is beperkt in de mogelijkheden (je kunt alleen gateways voor 10 producten te selecteren), maar voor minder dan €10 kunt u ongelimiteerd gebruik maken van deze plugin als u gebruik maakt van de premium versie.

Our Shipping Gateway Plugin is #7 on WooRockets top 10 shipping gateways

Shipping is one of the most important factors that affect people’s purchase decisions. Free shipping always attracts people to finish their checkout. In contrast, higher than expected shipping costs will discourage people from buying. Thus, a convenient and comprehensive shipping policy should become your supreme priority because it helps you score extra points with your customers and keep them coming back to your store. Do you want to enhance your online store with perfect shipping services? Look no further! Check out the below link for this list of the top 10 WooCommerce shipping plugins with amazing time-saving advantages to find the best solution for your store. http://www.woorockets.com/top-10-woocommerce-shipping-plugins-for-ecommerce-website/

CHANGELOG: WOOCOMMERCE DELIVERY DATE PRO

28-02-2015 - 1.0.6
  • Fixed max date calculation logic
27-02-2015 - 1.0.5
  • Allow today delivery date respective category
  • Provide facility to change text of delivery date label & its description on Checkout page
09-01-2015 - 1.0.4
  • Option to default delivery date ( bank / default )
  • Option for required input field ( Yes/No ) + Error Message on checkout page
  • Category wise days ( default global days )
  • formatted scripts
1.0.3
  • Change Scripting on checkout page
  • Update Language files for Dutch and German
  • add filter checkout_delivery_filed_setting to change fields setting and default values
1.0.2
  • Fixes and made compatible with woocommerce 2.24
1.0.1
  • fix date selection format
1.0.0
  • added on wordpress extensions