Stores on map

You can add to your site a map to locate nearby stores, using the browser location, address or zip code.

Searching stores on the map

You can add to your site a map to search stores.

<div>
    <iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html"></iframe>
</div>

  • If you want to disable the browser location you must add the parameter locationNotAllowed=true in the URL of property src of iframe tag
<div>
    <iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html?locationNotAllowed=true"></iframe>
</div>

  • You can search fields parameterized by adding the following parameters:
  • Address: address=Querétaro
  • Postal code: postalCode=76900
  • Amount: amount=2000

    Amount: The amount is a hidden parameter field, this is useful in large amounts of payments for some stores there is a maximum payment limit.

<div>
    <iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html?address=Querétaro&postalCode=76900&amount=2000"></iframe>
</div>

  • You can also include the map in a modal:
<link rel="stylesheet" href="/css/colorbox.css" />
<script src="/js/jquery.js"></script>
<script src="/js/jquery.colorbox-min.js"></script>
<script>
$(document).ready(function(){
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
    
    //Example of preserving a JavaScript event for inline calls.
    $("#click").click(function(){ 
        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"});
        return false;
    });
});
<p><h3>Localiza tu tienda mas cercana dando click <a class='iframe' href="/mapa-de-tiendas.html">aquí</a></h3></p>
</script>

 

Try it by clicking here

 

Colorbox was used to create this example.