Wordpress Store Locator Plugin Full Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ต.ค. 2024

ความคิดเห็น • 60

  • @TGMWEBGURU
    @TGMWEBGURU  7 ปีที่แล้ว +8

    Table of content of this video:
    0:56 Installing the plugin
    1:32 Satting up the Server Key and Browser key
    3:40 Setting up the Start point
    4:08 Creating the new page for wp store locator (optional - you can use any page on your website)
    4:20 Shortcode for pasting the map on the page - [wpsl]
    5:28 Adding New Store and filling in the required fields
    7:30 Adding more stores
    8:18 Changing the Start point
    9:10 Changing kilometers for miles
    9:47 Enabling autocomplete in search field
    10:55 Show the max results dropdown
    11:30 Show the search radius dropdown
    12:53 Enabling category filters
    15:35 Attempt to auto-locate the user
    17:18 Load locations on page load
    17:40 Auto adjust the zoom level to make sure all markers are visible
    18:21 Initial zoom level
    18:45 Max auto zoom level
    18:57 Show the street view controls
    19:38 Show the map type control
    20:18 Enable scroll wheel zooming
    20:43 Zoom control position
    20:52 Map type
    21:20 Store Locator Template
    21:47 Hide the scrollbar
    22:05 Open links in a new window
    22:26 Show a reset map button
    22:48 When a user clicks on “Directions,” open a new window, and show the route on google.com/maps
    23:23 Show a “More info” link in the store listings
    23:30 Where do you want to show the “More info” details
    24:28 Always show the contact details below the address in the search results
    25:12 Make the store name clickable if a store URL exists
    27:09 Make the phone number clickable on mobile devices
    27:35 If street view is available for the current location, then show a “Street view” link in the info window
    28:12 Show a “Zoom here” link in the info window
    28:30 On page load move the mouse cursor to the search field
    28:55 Use the default style for the info window
    29:05 Hide the country in the search results and hide the distance in the search results
    29:53 If a user hovers over the store details
    30:16 Markers block
    31:02 Enabling marker clusters
    31:48 Store editor block
    32:25 Lables block
    33:23 Adding the picture on the store page

  • @220deal
    @220deal 6 ปีที่แล้ว +2

    Very very nice and calm instruction video! Compliments for the patience to show us all the settings end refreshing everytime! THANKS!

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว

      You are welcome, Sir. And thank you for the comment.

  • @ndrsg3013
    @ndrsg3013 3 ปีที่แล้ว +3

    Hi, could you make a 2021 new tutorial. This one doesn't work anymore.

  • @Philabundance
    @Philabundance 4 หลายเดือนก่อน

    How do you get the hours of operation and the other info to display? THANKS!

  • @adrianhugo5021
    @adrianhugo5021 4 ปีที่แล้ว +2

    Does someone know if API key is free when you have a low traffic website?

  • @stefanpfadt4353
    @stefanpfadt4353 2 ปีที่แล้ว

    Does it only work with stores or could I search for near BuddyPress users instead of stores?

  • @bluecavemen
    @bluecavemen 3 ปีที่แล้ว

    What the faster way to get stores near them with getting name, address and phone? To add in the map setting?

  • @thelouiscastillo1358
    @thelouiscastillo1358 ปีที่แล้ว

    is it possible to add icons next to the fields in the map pop up area?

  • @ПростоСвят-ш4д
    @ПростоСвят-ш4д 4 ปีที่แล้ว

    Качественный урок. Жаль что не сразу нашел его. Автор, большое тебе спасибо!!!

    • @TGMWEBGURU
      @TGMWEBGURU  4 ปีที่แล้ว

      You are welcome. Glad you liked it. Thanks for the comment.

  • @mavir78
    @mavir78 6 ปีที่แล้ว +1

    Thanks for you video. I need to show URL as part of info contact in the list of store, can i do that? and how? could you tell me?

  • @Skpexable
    @Skpexable 2 ปีที่แล้ว

    Thanks for the amazing tutorial! Is there a way for members to add their own stores, instead of you (the admin) doing it?

  • @arjunmpgupta
    @arjunmpgupta 6 ปีที่แล้ว

    Hi, I installed the plugin and everything is working well but when i try to add new stores, it is not showing up in the maps(store locator page) , can you suggest on this, Like in the video in 4.58 mins i am getting as no results found even after adding stores

  • @josisiefker8840
    @josisiefker8840 5 ปีที่แล้ว

    How does the map look if i set my start point as United States? I don't have a physical location. The map is for all the locations that sell my products.

  • @edcarlo
    @edcarlo 4 ปีที่แล้ว

    does the plugin supports gps? or can get you current location?

  • @ichbins9027
    @ichbins9027 5 ปีที่แล้ว

    Hi, is it possible to change the heights/widths of the map and center it? I tried it with .store_locator_map {
    height: 50%;
    width: 50%;
    } in the additional CSS of my theme, but it doesn't work. I can’t find any advice in the documentation.

  • @shubhamseth7889
    @shubhamseth7889 4 ปีที่แล้ว +1

    Can i use my current location in the place of start point???

    • @profitusmaximus4647
      @profitusmaximus4647 3 ปีที่แล้ว

      Yes, check Attempt to auto-locate the user.
      When this option is enabled the Geolocation API will try to obtain the user’s current location. If this is successful, the user’s current location is used as the start location on the map.

  • @BenFreilich
    @BenFreilich 6 ปีที่แล้ว +1

    Had difficulty selecting a starting point. You were easily able to enter a place in Florida, no autofill drop down menu appeared for me. hmmm

    • @shishudbsk2pm
      @shishudbsk2pm 5 ปีที่แล้ว

      I currently have the same problem did you ever figure out what the problem was?

  • @pedrochimeno2999
    @pedrochimeno2999 2 ปีที่แล้ว

    How to add a CSV file? do you have a video explaining? Thanks

    • @olawalefasoyi5515
      @olawalefasoyi5515 5 หลายเดือนก่อน

      The same problem I have now. Do you know the way out now please?

  • @khannice
    @khannice 5 ปีที่แล้ว

    can you list the stores on the right side of the map?

  • @whiteeedotcom
    @whiteeedotcom ปีที่แล้ว

    Great video - not sure if you can help. I see you can edit the labels as displayed on the website - can you change the type of content (I want to use the email and url categories for different info - without having to dive to deep in to the php)

  • @ManishaKumari-k4z
    @ManishaKumari-k4z 9 หลายเดือนก่อน

    to create a browser key and seceret key is paid... :(. isn't free solution to add map searching by zip code

  • @jabbyjabocs
    @jabbyjabocs 5 ปีที่แล้ว +1

    It would help to show the required restrictions on the API keys. I keep getting the same error message on my Server API key. I generated it correctly using the correct IP but it won't work. Maybe because it's not updated with the new version of WP. Of course, I never heard back from the developer. DELETE THE PLUGIN.

  • @siyabulelaklaas606
    @siyabulelaklaas606 3 ปีที่แล้ว

    the map displays horribly bad, the information stacks and I don't see any tab for styling.

  • @graphicartdude
    @graphicartdude 4 ปีที่แล้ว

    Great video but any idea on how to fix the error message stating "You must enable Billing on the Google Cloud Project". I've spent over an hour trying to figure this out but in typical Google fashion, it's not intuitive. I do have billing enabled and their instructions are awful and vague. So frustrating. Any help from anyone would be greatly appreciated.

    • @jonathanarentoft3439
      @jonathanarentoft3439 4 ปีที่แล้ว

      Hi! So Google changed its API policy in 2018 (after the fella made the video). Before 2018 they essentially had two types of membership - a free one and a paid one (where you could also receive costumer service). Now that has changed to a single pay-as-you-go scheme. The silver-lining is that Google provides free $200 credit each month - which amounts to about 28,000 request sufficient for most small online businesses.
      Now that means even though the traffic to you store locator page is below the monthly quota, and therefore won't be paying anything, Google still requires you to provide your billing information.
      Hope it helped even though you wrote your comment four months ago!

    • @Kids-qr1ft
      @Kids-qr1ft 4 ปีที่แล้ว

      @@jonathanarentoft3439 You Helped me a lot! Thanks

    • @graphicartdude
      @graphicartdude 4 ปีที่แล้ว

      Jonathan Arentoft Thank you! Very helpful.

  • @costaskenderis5099
    @costaskenderis5099 6 ปีที่แล้ว

    apparently you need a billing account? I've been thrown in circles trying to do this. The pages don't always work in the order you've shown. I've read from Google that up to 25,000 map loads per day is allowed for FREE...however whenever I try to enable my map's API it loads forever and the assumed cause is that it's looking for a billing account where it can't find one. Any ideas?

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว +1

      Hey! I think this may help you - developers.google.com/places/web-service/usage it says "A credit card is required for verification. We ask for your credit card purely to validate your identity. Your card will not be charged for use of the Places API for Web." So they just want to make sure that you are not the bad guy and you use their service fairly. After that you will get 150 000 requests per 24 hours and this is just a huge amount.
      Also, I would recommend that you read the manual for the plugin once again here wpstorelocator.co/document/configure-wp-store-locator/ to make sure that you did everything right. Hope it will help. Wish you the best.

    • @costaskenderis5099
      @costaskenderis5099 6 ปีที่แล้ว

      TGM WEB GURU thanks! Yep was just reading the same thing. Hopefully that makes it all go smoother. Thanks for the video and the reply.

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว

      Always glad to help you sir. Best wishes to you.

  • @rayacosta1
    @rayacosta1 4 ปีที่แล้ว

    muchísimasssss gracias por el tutorial, muy bueno, se ganó mi like y suscripción, denuevo muchas gracias amigo

    • @TGMWEBGURU
      @TGMWEBGURU  4 ปีที่แล้ว

      Glad that you liked it my friend. Thank you for your kind words.

  • @shishudbsk2pm
    @shishudbsk2pm 5 ปีที่แล้ว

    I'm Having difficulty selecting a starting point is there someone who give me a few pointers on how to fix this issue?

    • @imranjaved466
      @imranjaved466 5 ปีที่แล้ว

      Hi, i am facing the same issue and this plugin does not allow to enter the javascript API key that will allow me to see the map without watermarked or darken view.

  • @LDehaut
    @LDehaut 5 หลายเดือนก่อน

    Thanks!

  • @evgeniyjermes8363
    @evgeniyjermes8363 6 ปีที่แล้ว

    Вроде все верно сделал, серверный ключ, браузерный ключ, точку локации поставил, а мне пишет, что При загрузке Google Карт на этой странице возникла проблема. Где ошибся ? что может быть ?

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว +1

      Трудно сказать, Евгений, где проблема. Видео больше года назад записано, может что-то в настройках или требованиях поменялось. Я стараюсь всегда искать ответы в официальной документации, если она есть. Для этого плагина она есть - попробуйте посмотреть здесь wpstorelocator.co/document/configure-wp-store-locator/ там описано все шаг за шагом, по-сути по этой документации и писалось видео. Думаю, если что-то и поменялось, то это там есть. Если и там не найдете ответа, может быть проблема с Гуглом и настройками карт. Тут у Constantine Skenderis
      была проблема по количеству загрузок в день. Посмотрите его комментарий, возможно это вам поможет. Успехов!

    • @evgeniyjermes8363
      @evgeniyjermes8363 6 ปีที่แล้ว

      @@TGMWEBGURU Ага, спасибо, буду смотреть

    • @shahzadhaider9195
      @shahzadhaider9195 5 ปีที่แล้ว

      Жопа эта

  • @graceshellanaraja847
    @graceshellanaraja847 2 ปีที่แล้ว

    How to Hide Search Bar?

  • @fso.
    @fso. 6 ปีที่แล้ว +1

    This is a awesome tutorial

  • @dariialeliukh6781
    @dariialeliukh6781 4 ปีที่แล้ว

    крутое видео! молодцы!
    хороший английский) Я так понимаю плагин создает БД?

    • @TGMWEBGURU
      @TGMWEBGURU  4 ปีที่แล้ว

      Спасибо Дарья. Плагин создает запись в базу данных (если БД для базы данных), конечно.

    • @dariialeliukh6781
      @dariialeliukh6781 4 ปีที่แล้ว

      @@TGMWEBGURU У сайта то есть, а надо где-то отдельно для плагина прописывать? а то таблица wp_store_locator создана, Тест запись в ней есть, но на этом все...

    • @TGMWEBGURU
      @TGMWEBGURU  4 ปีที่แล้ว

      @@dariialeliukh6781 Видео записано больше 2-х лет назад, я с тех пор не пользуюсь этим плагином и так глубоко я не закапывался, поэтому не могу тут вам помочь ничем.

    • @dariialeliukh6781
      @dariialeliukh6781 4 ปีที่แล้ว

      @@TGMWEBGURU оу, я решила что вы разрабатывали) спасибо тогда

    • @TGMWEBGURU
      @TGMWEBGURU  4 ปีที่แล้ว

      @@dariialeliukh6781 Нет, Дарья, я просто сделал обзор на плагин. Пожалуйста!

  • @DreamersPeople
    @DreamersPeople 4 ปีที่แล้ว

    This is outdated tutorial. It seems not working. No server key and no browser key found at google api console.

  • @fso.
    @fso. 6 ปีที่แล้ว +1

    Thanks friend!!

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว

      You're welcome! And thanks for your comment - it's always very nice to receive such comments.

  • @MasterDre093
    @MasterDre093 6 ปีที่แล้ว

    great tutorial

    • @TGMWEBGURU
      @TGMWEBGURU  6 ปีที่แล้ว

      Thank you so much for your comment, it's very nice to receive positive feedback.

  • @MmaLegend420
    @MmaLegend420 6 ปีที่แล้ว

    I can hear that Russian accent from a mile away my Ruskiy bryatuha.

  • @bobthebuilder4692
    @bobthebuilder4692 5 ปีที่แล้ว

    Is it possible to change the map into filter?