Tag - Store

How to Add Google Maps Store Locator in WordPress


Do you want to add Google Maps store locator in WordPress? A store locator is a map pointing to your business location.

It allows users to locate you on the map, find driving directions, or share the location with friends. Adding a store locator to your business website or even an online store helps you instantly earn user trust.

In this article, we will show you how to easily add Google Maps store locator in WordPress.

How to add a Google Maps store locator in WordPress

Google Maps introduced a paid API to display maps on websites. They still offer a limited free option to embed Google maps on small websites.

Most Google Maps plugins for WordPress use the Google API to retrieve and display maps. If you want to use a Google Maps plugin, then you will need to sign up with Google API platform and enable billing option.

It is a pay as you go service, which means you will be charged based on the number of API calls made from your website.

We will show you both free and paid methods with their pros and cons, then you can choose the one that best suits your needs.

Method 1. Adding Google Maps to Your Website for Free

This method is easier and free. The disadvantage is that you cannot show multiple stores on a single map.

It is recommended for users who just want to add a single Google Maps store location on their website.

First, you need to visit the Google Maps website on your computer. Next, enter your store’s address in the search field and Google Maps will show it on the map with a pinned marker on the map.

Sharing a map in Google Maps

Make sure that the marker is placed on the correct location. You can select a zoom level by clicking the zoom button. Once you are satisfied with the zoom level, you need to click on the share button from the left column.

This will bring up a popup where you need to switch to the ‘Embed a Map’ tab. You will now see your searched location on the map with an HTML code.

Copy the Google Maps embed code

Click on the Copy HTML link to get the embed code.

Now head over to the admin area of your WordPress website. Once in the admin area, go ahead and edit the post or page where you want to display the store location map.

Normally, users add a store location map on their contact form page with their phone number and opening hours.

On the post edit screen, you need to add a custom HTML block.

Adding a custom HTML block in WordPress

In the text area of custom HTML block, you need to paste the code you copied from Google Maps.

Maps embed code in WordPress

You can now switch to the preview tab to see Google Maps embedded into your page. It will show your store location marked on the map with links to directions or to save the location.

Store location marked on the map

Method 2. Add Google Maps Store Locator Using a WordPress Plugin

This method is recommended for users who want to show multiple store locations on a Google Map.

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

It is a free Google Maps plugin that allows you to create a custom map with multiple store locations and custom fields.

The disadvantage of this method is that it requires you to add an API key. You will need to provide your billing information to use the API key. For pricing and other information, please check out the Google Maps Platform website.

Ready, let’s get started.

Step 1. Generating Google Maps API keys

To use WP Store Locator plugin, you will need to generate two API keys. The first one is called the Browser API key and the second one is called the Server Key.

Let’s start with the Browser key first. Click on this Google Developer Console link and it will take you to the Google API website with all the required APIs enabled.

Create a new project

You need to create a new project and give it a name that helps you identify the project. After that, you will have to wait a few moments as the console creates the project for you.

Next, you will be redirected to the API key configuration page. You need to provide a title for your API key, so you can easily identify it as the browser api key for your Google Maps project.

Browser api key settings

Next, you need to set ‘Application Restrictions’ to ‘HTTP Referrers’. Below that you need to set the ‘Accept requests from’ field to your domain name in the following format.

https://example.com/*
https://*.example.com/* (if you are using a subdomain)

Finally, click on the ‘Create’ button. The console will now save your settings and will show you the Browser key. You need to copy and paste this key in a text editor, you will need it later.

Copy browser api key

Next, you need to create the server API key. Click on this Google Developer Console link and it will take you directly to the console with selected APIs enabled.

You will once again see the create project page. However since you have already created a project, you can just click on the drop-down menu and select your project.

Select your Google Maps project

You will be then redirected to API configuration page. Provide a name for this API key that helps you recognize it as Server key.

Set IP restrictions

Under the ‘Application restrictions’ section, you need to select IP Addresses. Basically, we are telling Google to only accept server requests coming from specific IP addresses.

Now you would need to ask your WordPress hosting provider to tell you the IP range used by your hosting account. It would be in the following format:

172.16.0.0/12

After that, you need to click on the ‘Create’ button to save your settings and copy the Server API key.

Step 2. Setting up the WP Store Locator Plugin

Once you have created your API keys, you need to head over to Store Locator » Settings page to set up the plugin.

Enter Google Maps Keys

Enter the Google Maps browser and server API keys you generated earlier. Next, select Maps language and region and then click on the save changes button to store your settings.

Now, you need to scroll down on the settings page to the ‘Map’ section and enter a start point of the map. This start point could be a city or a country, so users can see markers placed at different locations.

Add a start point for your store locator map

There are many other options on the settings page including map style, default zoom level, map type, search radius, country, etc. You can review them and adjust them to your needs.

Once you are done, it is time to add locations.

Step 3. Adding store locations

Head over to Store Locator » New Store page to add your first location. The New Store page will look just like the default post or page editor in WordPress.

Store address

Provide a title for your store and then scroll down to ‘Store details’ section. From here, you need to enter your store address.

You will see a map in the right column, however it will not automatically update to the address you have entered. You will need to click on the Publish button to save your location. After that, refresh the page and the map will point to the address you provided.

Now repeat the process to add other store locations. You can add as many store locations as you want.

Step 4. Adding the store locator map in WordPress

To display your store locator on a WordPress page, simply create a new page or edit an existing one where you want to display the map.

On the post edit screen, you need to add the ‘Shortcode’ block to your post edit area. After that add the [wpls] shortcode inside it.

Store locator shortcode

You can now save or publish your page and click on the preview button to see Google Maps store locator in action.

Store locator map preview

It will show your map markers for each store location and start the map from your preferred starting point. For example, in this map, it is focused on the city of West Palm Beach and showing two store locations on the map.

That’s all we hope this article helped you learn how to add Google Maps store locator in WordPress. You may also want to see our list of free Google Tools every site owner should use.

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 Google Maps Store Locator in WordPress appeared first on WPBeginner.



Source link

How to Build an Amazon Affiliate Store in WordPress (The EASY Way)


Do you want to create an Amazon affiliate store using WordPress?

An Amazon affiliate store allows you to sell products from Amazon.com as an affiliate and earn a commission on each sale. Due to low overhead, an Amazon affiliate store is among the easiest to start online business ideas at the moment.

In this article, we will show you how to easily build an Amazon affiliate store using WordPress. We will also share our expert tips on growing your Amazon affiliate earnings.

How to build an Amazon affiliate store using WordPress

Here is a quick overview of all the steps we will take to create an Amazon affiliate store using WordPress.

  1. What is Amazon affiliate store?
  2. Getting started with Amazon affiliate store and WordPress
  3. Signing up for Amazon affiliate program
  4. Adding affiliate products in WooCommerce
  5. Customizing your affiliate store
  6. Resources to increase your affiliate earnings
  7. FAQs about running an Amazon affiliate store

Ready? Let’s get started.

What is an Amazon Affiliate Store?

An Amazon affiliate store is an online store that promotes products listed for sale on Amazon.com.

As a store owner, you send traffic to Amazon by adding your affiliate links to the products. Users are redirected to Amazon to complete the purchase, and you earn an affiliate commission on each sale.

On a traditional online store, you source products, manage orders, ship products, and keep track of inventory. You don’t have to worry about any of these things on an affiliate store.

Amazon affiliate stores are popular among marketers because you can get started with very little money and choose from millions of products listed on Amazon.

Getting Started With Amazon Affiliate Store and WordPress

You can start an Amazon affiliate store with just about any WordPress eCommerce plugin, but we recommend using WooCommerce because it’s the most popular solution in the market.

WooCommerce powers millions of eCommerce websites all over the world.

To get started, you will need to be using the WordPress.org platform (See the difference between WordPress.com vs WordPress.org).

You will also need a WordPress hosting account, a domain name, and an SSL certificate if you want to accept payments for other non-affiliate products on your website.

Typically, a domain name costs around $14.99 / year, web hosting costs around $7.99 / month, and SSL certificate costs around $69.99 / year.

If you are just starting out, then this is quite a lot.

Thankfully, Bluehost, an official WordPress and WooCommerce recommended hosting provider, has agreed to offer our users a free domain name, free SSL certificate, and a discount on web hosting.

Basically, you can get started for $2.75 / month.

→ Click here to Claim this Exclusive Bluehost offer ←

Note: This starter hosting plan would work great for any new affiliate store. However, if you want more eCommerce centric hosting, then take a look at our pick of best WooCommerce hosting providers.

After purchasing hosting, follow the setup instructions in our how to start a blog article. It will walk you through the sign up process, and setting up WordPress.

Once you have installed WordPress, you’ll reach the WordPress dashboard which looks like this.

WordPress admin dashboard

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

Upon activation, WooCommerce will start the setup wizard to choose the currency, payment methods, location, etc.

Since you are setting up an affiliate store, you can scroll down to the bottom of the page and click on ‘Not Now’ link to skip setup.

Cancel set up wizard

You can configure each option in the set up later if you need it in the future.

Signing up for Amazon Affiliate Account

Now that you have installed WordPress and WooCommerce, you will need to sign up for an Amazon affiliate program to start adding products with your affiliate ID.

Head over to Amazon Affiliate program website and click on the ‘Join now for free’ button.

Join Amazon affiliate program

Next, you’ll be asked to log in to your existing Amazon account using the email address and password associated with that account.

Login or sign up

If you don’t have an Amazon account, then you can go ahead and create one.

Once you are logged in, you’ll need to provide payee information and answer questions about your website. Follow the on-screen instructions to complete your profile.

Affiliate program wizard

Upon completion, your application will be reviewed and approved by Amazon.

Adding Amazon Affiliate Products in WooCommerce

WooCommerce is the best Amazon affiliate store plugin for WordPress. It makes it very easy to add external affiliate products to your website.

Using WooCommerce allows you to offer a native user experience and integrate affiliate products seamlessly into your website.

To start importing products, you need to visit Products » Add New page.

Adding a new affiliate product in WooCommerce

First, you need to provide a title for the product you are adding and then add a detailed description in the post editor.

After that, scroll down to product data meta box and select ‘External/Affiliate Product’ under ‘Product type’ dropdown menu.

Product URL

Now you need to enter the product affiliate URL. You can get the URL from your Amazon Associates account dashboard. Simply search for the product and then click on the get link button.

Get product link

Copy the URL and paste it on your product edit page in WordPress.

Note: You need to leave the ‘Price’ field blank. This will allow users to check the price on Amazon.com. Amazon’s affiliate program policies do not allow you to manually enter price information.

Below the product data, you can provide a short description of the product. This description will appear on the shop front page, product category pages, and search results.

To your right, you can add a product image and product gallery images.

Product images

You can now click on the publish button to make the product page go live on your website.

Repeat the process for adding more affiliate products to your website. Once you have added a few products from Amazon, you can go and visit the shop page on your website to see the products in action.

Shop Page

Customizing Your WordPress Amazon Affiliate Store

By default, WordPress comes with a basic design with limited WooCommerce support. You can change that by picking up a WooCommerce ready WordPress theme that compliments your products and niche.

WordPress themes

There are thousands of WordPress themes that you can choose from. This abundance can be quite overwhelming for beginners. This is why we hand-picked the best themes that you can start with.

Need help setting up your WordPress theme? See our beginner’s guide on how to install a WordPress theme.

Themes control the appearance and design of your website. If you want to add a new feature, then you will need to find a WooCommerce plugin offering that feature.

There are tons of WooCommerce add-on plugins to add different features. See our list of best WooCommerce plugins to try out some new features on your store.

If you want more control of your website’s look and feel, then we recommend using Beaver Builder. It is a WordPress page builder plugin that works seamlessly with WooCommerce.

Resources to Grow Your Amazon Affiliate Store

Now that you have set up your Amazon affiliate store, you can focus on growing your business.

Fortunately, there are many tools, plugins, and resources that will help you achieve those goals.

Let’s start with SEO and optimize your WooCommerce store for search engines. Follow our step by step WooCommerce SEO guide for complete instructions.

After that, you can check out these useful tools and plugins for Affiliate marketing and the essential WordPress plugins for all websites.

Next, you need to track your website traffic to find your best selling Amazon affiliate products as well as products that are not doing so well. This is where you’ll need Google Analytics. For details see our tutorial on how to track WooCommerce users in WordPress.

The biggest hurdle any eCommerce store faces is abandoned carts. For an affiliate store, this means people looking at the products but not buying them which affects your affiliate earnings.

To fix this, we have a detailed guide on how to recover abandoned carts and boost your commissions.

Above all, make sure that you are continuously adding useful products, helpful reviews, and targeted content to your website. In the end, that’s what your users are looking for and that’s what you should strive to offer them.

FAQs About Running an Amazon Affiliate Store Using WordPress

Since we first published this article, we have received several questions from our users about running an Amazon affiliate store using WordPress.

Here are the answers to some of those most frequently asked questions.

1. Can I use content from Amazon for product pages?

No, you cannot. Amazon has a strict content policy where you are not allowed to copy product content directly from Amazon.

Most Amazon affiliate stores add their own product descriptions, reviews, and get images from the product manufacturer’s website.

2. Can I add products from other affiliate networks?

Yes, you can add affiliate products from other affiliate networks. This will allow you to diversify your earnings.

3. I live outside the United States, can I join Amazon Affiliate program?

Yes, you can. Amazon Affiliates program is available all over the world.

4. Do I need to disclose my affiliate partnership?

Yes, you do. Amazon’s program policies and the US laws require you to disclose that you’ll earn a commission when users buy a product.

It is not just limited to Amazon, all websites that use advertising or affiliate marketing to make money are required to do so. For example, see WPBeginner’s disclaimer page.

5. Can I promote Amazon products without creating an affiliate store?

Yes, you can. For example, if you run a blog, then you can add affiliate links to your blog posts. In that case, you will not need to install WooCommerce.

We hope this article helped you start an Amazon affiliate store using WordPress. You may also want to see our ultimate step by step WordPress security 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.



Source link