<p>In my post about&nbsp;<a href="/how-to-deploy-websites-to-google-firebase">how to deploy your website on firebase</a>, I explained about hosting our website on Google Firebase and we are able to access the website using the firebase Url. Now in this article, we are going to talk and learn about adding our website with custom domain like your own domains purchased on the domain providing websites like&nbsp;<a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://www.godaddy.com/" target="_blank">GoDaddy</a>&nbsp;and&nbsp;<a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://www.namecheap.com/" target="_blank">NameCheap</a>. I this article we are going to integrate our domain in GoDaddy with Firebase hosted website. I tried and Integrated my custom domain by taking reference from&nbsp;<a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://firebase.google.com/docs/hosting/custom-domain" target="_blank">google firebase documentation</a>.</p>



<p>Let's Start the Domain/Subdomain Mapping.</p>



<h3>Step 1: Go to firebase console and check your project.</h3>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/firebase-project-overview-console-page-1024x447.png" alt="" class="wp-image-563"/></figure>



<h3>Step 2: Check your hosted site</h3>



<p>Click&nbsp;<strong>Hosting</strong>&nbsp;Link from the left side and you can see your default website deployed</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/firebase-web-hosting-project-page-1024x284.png" alt="" class="wp-image-565"/></figure>



<h3>Step 3: Click&nbsp;<strong>Connect Domain</strong>&nbsp;link from the page.</h3>



<h3>Step 4: Add Domain Name</h3>



<p>Add Domain name in the connect custom domain popup</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/add-domain-name-in-customdomain-1-1024x621.png" alt="" class="wp-image-567"/></figure>



<h3>Step 5: Get Google Site Verification Code</h3>



<p>Now you will get the google site verification ID and Copy the Id Note: Do not copy the only value, you should copy the whole text like</p>



<pre class="wp-block-preformatted"><strong>google-site-verification=9xUIjWlRgKX-jsM8Hhlaj3HHtDK0xnEoA98Ms</strong></pre>



<p>We need this google site verification Id to add to&nbsp;<strong>TXT</strong>&nbsp;record in DNS provider.</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/verify-ownership-verification-customdomain-1024x583.png" alt="" class="wp-image-568"/></figure>



<h3>Step 6: Login to Godaday account</h3>



<p>Now go back to GoDaddy and login to your account and go to&nbsp;<a rel="noreferrer noopener" href="https://dcc.godaddy.com/domains/" target="_blank">Domain Page</a></p>



<h3>Step 7: Go to Manage DNS</h3>



<p>Now click on the three dots near to&nbsp;<strong>Use My Domain</strong>&nbsp;button and click&nbsp;<strong>Manage DNS</strong>&nbsp;link</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/godaddy-manage-domain-dns-1024x663.png" alt="" class="wp-image-569"/></figure>



<h3>Step 8: Add Google Site Varification Code</h3>



<p>On manage DNS page add the value of google site verification Id as TXT value in the list</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/TXT-value-for-google-verification-1024x64.png" alt="" class="wp-image-570"/></figure>



<h3>Step 9: Verify Domain Mapping</h3>



<p>Now after adding this&nbsp;<strong>TXT</strong>&nbsp;value in the DNS list, Go back to firebase console and click the verify link from the custom domain popup</p>



<h3>Step 10: Get IP address of hosted site</h3>



<p>In FireBase on GoOnline Step you will get 2 IP address which you need to add in the GoDaddy DNS table again as&nbsp;<strong>Type A</strong>&nbsp;value</p>



<figure class="wp-block-image size-large is-resized"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/typeA-value-update-in-dns-table-1024x275.png" alt="" class="wp-image-571" width="580" height="155"/></figure>



<blockquote class="wp-block-quote"><p>Use <strong><em>@</em></strong> if you want to map the domain and <em><strong>subdomain</strong></em> for subdomain.</p><p>Example: <em>@</em> will be refered as: <em>http://www.mydomain.com</em> and <em>subdomain</em> will be refered as <em>http://subdomain.mydomain.com</em></p></blockquote>



<h3>Step 11: Now go back to Firebase console again and Connect.</h3>



<p>After performing all the steps in some time, you can see your website is up and running with the custom domain you just added in the firebase.<strong> You will see certificate error for HTTP for some time but after some time with certificate verification, the error will go and you can access website in HTTPS</strong>.</p>



<p>Above steps, I used to connect my custom domain with GoDaddy and It worked for me. I wrote this article because I didn’t find any recently updated article on the internet about the whole process.</p>



<p>Please feel free to write me incase you face issues while connecting your custom domain.</p>

In my post about&nbsp;how to deploy your website on firebase, I explained about hosting our website on Google Firebase and we are able to access ...

Google Firebase custom domain/subdomain mapping with GoDaddy - TCMHACK

Google Firebase custom domain/subdomain mapping with GoDaddy

WordPress locator plugins are the perfect solution to provide a convenient way for your customers to find your nearest store and the shortest way to get there—especially if your business has multiple locations.

Customers may want intimate contact with a product before they make a purchase online, and a visit to your store provides the opportunity to do so. Not only that, but customers will have fewer inquiries and fewer returns for in-store purchases as compared to online shopping.

Many types of business will be able to benefit from having WordPress locator plugins on their website.

The beauty of these plugins is that they use Google Maps, which has features like zooming, routing, location sharing, and even verbal instructions already built in. Some of these plugins also support WooCommerce, letting you inform customers which items are available in-store and the nearest store which has an item in stock.

In this post, we are going to look at some of the best WordPress locator plugins on CodeCanyon. Let's get started!
<h2 class="nolinks"><a href="https://codecanyon.net/item/map-list-pro-google-maps-location-directories/2620196?s_rank=1">Map List Pro</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-200 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/map-pro.png" alt="" width="722" height="518">

<a href="https://codecanyon.net/item/map-list-pro-google-maps-location-directories/2620196?s_rank=1" target="_self" rel="noopener noreferrer">Map List Pro</a>&nbsp;is the perfect store locator for creating multiple locators, office addresses, and even contact lists. In addition, it comes with more than 35 styles for you to choose from.

Let's look at some of the notable features of this plugin.
<h4 class="nolinks">Easy-to-Use Location Editor</h4>
You can create and edit locations easily by searching for them in the editor, since all the details are already filled out for you. You can then fine-tune or add locations by dragging and dropping the pin to where you want it to be.
<h4 class="nolinks">Custom Icons and Clustered Markers</h4>
This plugin contains hundreds of icons which can use in your maps. The clustered markers are suitable for maps with a large number of locations and make navigation easier.

It also includes different display modes for your maps, such as:
<ul>
 	<li><strong>simple map:</strong>&nbsp;this is just a simple map without sorting and searching</li>
 	<li><strong>search by title:</strong>&nbsp;contains a search box where customers can search stores by title, description, and categories</li>
 	<li><strong>search by location:&nbsp;</strong>lets customers look for stores near a certain location</li>
 	<li><strong>search by location and text:</strong>&nbsp;search for stores near a location with a certain keyword</li>
 	<li><strong>geolocate map:</strong>&nbsp;this kind of map will ask the user for their location and return results that are nearby</li>
</ul>
<h2 class="nolinks"><a href="https://codecanyon.net/item/super-store-finder-for-wordpress/11334595?s_rank=2">Super Store Finder</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-203 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/store-finder.jpg" alt="" width="850" height="465">

<a href="https://codecanyon.net/item/super-store-finder-for-wordpress/11334595?">Super Store Finder</a>&nbsp;for WordPress is another fully responsive store locator that comes with a powerful admin store locator. You can manage stores and tags/categories, as well as customizing styles, colors, labels, notifications, regions, and map settings.

This plugin also comes with a&nbsp;<a title="Link: https://codecanyon.net/item/marker-clusterer-addon-for-wordpress/13486787?s_rank=5" href="https://codecanyon.net/item/marker-clusterer-addon-for-wordpress/13486787?s_rank=5">Marker Clusterer Add-on for WordPress</a>&nbsp;which you can additionally purchase. It enables you to combine many markers and then show them as clusters.
<figure class="post_image"></figure>
<img class="aligncenter wp-image-201 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/Marker-Clusterer.jpg" alt="" width="850" height="350">

Some of the features include:
<ul>
 	<li><strong>built-in geolocation:</strong>&nbsp;allows your customers to find the exact location of your store and how to get there in the shortest time</li>
 	<li><strong>showcase store images and videos:&nbsp;</strong>upload and showcase images and videos on the store locator—for example, images of dishes available at a restaurant</li>
 	<li><strong>import bulk addresses</strong></li>
 	<li><strong>search stores by region:</strong>&nbsp;a useful feature if you have multiple stores in different countries</li>
 	<li>attach a&nbsp;<strong>contact form</strong>&nbsp;to individual stores</li>
</ul>
<div class="post__inarticle-ad-template">
<div class="avert fuse-ad">
<div class="avert__wrapper">
<div class="avert__content">
<div data-fuse="21764347426" data-fuse-code="fuse-slot-21764347426-1" data-fuse-slot="/71161633/ENV_envato/article_mid_1"></div>
</div>
</div>
</div>
</div>
<h2 class="nolinks"><a href="https://codecanyon.net/item/agile-store-locator-google-maps-for-wordpress/16973546?s_rank=3">Agile Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-198 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/agile.jpg" alt="" width="850" height="606">

<a href="https://codecanyon.net/item/agile-store-locator-google-maps-for-wordpress/16973546?s_rank=3">Agile Store Locator</a>&nbsp;is a very powerful locator plugin which features three unique themes, with each theme having a different style. This gives you an option to choose the style which most closely matches your website.

Agile Store Locator also comes with a dashboard panel where you can see all the statistics such as the number of stores, markers, categories, and search count. It also displays important data like the most viewed stores and locations.

Other features include:
<ul>
 	<li><strong>maps in multiple languages</strong></li>
 	<li><strong>time switch:</strong>&nbsp;a unique feature which allows you to show only the stores that are open at a given time</li>
 	<li><strong>draw the&nbsp;direction from one point to another</strong>&nbsp;and instructions on how to get there</li>
 	<li><strong>import and export stores</strong>, manage categories, and display locations on customized maps</li>
</ul>
<h2 class="nolinks"><a href="https://codecanyon.net/item/woocommerce-store-locator/15762057?s_rank=4">WordPress Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-198 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/agile.jpg" alt="" width="850" height="606">

<a href="https://codecanyon.net/item/woocommerce-store-locator/15762057" target="_self" rel="noopener noreferrer">WordPress Store locator</a>&nbsp;is your ultimate eCommerce store locator. It gives you the ability to link products to your stores—this means that you can add a&nbsp;<strong>Find it in a Store</strong>&nbsp;button next to your products. This has the potential to increase sales, since customers are likely to buy more items if they come to the store.

It also includes more than 10 layouts and 90 options for styling maps.

Other features are:
<ul>
 	<li>support for&nbsp;<strong>multiple languages</strong></li>
 	<li><strong>customization</strong>: you can customize everything including color, data, and even map styling</li>
 	<li>ability to&nbsp;<strong>import and export stores</strong></li>
 	<li>ability to embed a&nbsp;<strong>contact form</strong>&nbsp;for multiple stores</li>
 	<li><strong>embed the locator</strong>&nbsp;on any page</li>
 	<li>automatic&nbsp;<strong>geolocation</strong></li>
 	<li><strong>store data customization</strong>: customize what data you want to show for a particular store</li>
</ul>
<h2 class="nolinks"><a title="Link: https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6" href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6">Responsive Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-202 size-full" src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/03/responsive.jpg" alt="" width="783" height="486">

<a href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6">Responsive</a><a href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6">&nbsp;Store Locator</a>&nbsp;is a multipurpose listing plugin that allows you to show locations that are in close proximity to your customers. It also comes with a powerful back-end where you can upload multiple store locations, translate your maps and locations into multiple languages, and apply beautiful skins to maps.

This plugin is also WooCommerce&nbsp;supported—this means that you can assign stores to products, let the customers know whether the item is available in-store, and direct them to the nearest stores to buy the product.

This plugin also lets you upload stores without knowing their latitude and longitude coordinates. This can be a real time-saver!

Other features include:
<ul>
 	<li>smart&nbsp;<strong>geotagging</strong></li>
 	<li>visitors can view directions to the store in the&nbsp;<strong>kilometers</strong>&nbsp;or&nbsp;<strong>miles</strong></li>
 	<li><strong>search for nearby stores</strong>&nbsp;by address or postal code</li>
 	<li>ability to sort stores by distance</li>
 	<li>customers can also store listings for later use</li>
</ul>
<h2 class="nolinks">Conclusion</h2>
So that's it—some of the best WordPress store locator plugins on CodeCanyon. All these plugins are very easy and quick to set up, and support is available.

We can't wait for you to try them!

WordPress locator plugins are the perfect solution to provide a convenient way for your customers to find your nearest store and the shortest way...

Google Firebase custom domain/subdomain mapping with GoDaddy

5 Best Store Locator WordPress Plugins