ZIP Code Widget

MULTI DEVICE: Zip Code Widget

Copy & paste our ZIP Code Widget:

<script src="https://widget.vpn.com/vpn-widget.js"></script>

<div
  class="vpn-widget"
  type="geoip/zipcode"
></div>

How To Embed Our ZIP Code Widget

To embed a widget you must first include this line of code one time in your web page:


  <script src="https://widget.vpn.com/vpn-widget.js"></script>

To place an embeddable widget in your web page create a div with class=”vpn-widget” and type=”[widget name]”


  <div
    class="vpn-widget"
    type="geoip/zipcode"
  ></div>

Optional Attributes

  • class – You may assign any additional css classes to the containing div as you’d like.
  • style – Because the widget is embedded in a <div> element you may specify your own styling for the contents of that div.
  • width – To size the widget specify the width attribute. The height will be calculated based on the width specified.
  • lang – Translate the widget to a specific language e.g. en, it, es.

Internationalization

By default the browser language will be used to translate each widget. You may override this with the `lang` optional attribute.

ZIP Code Widget Styling

Widgets contain their own individual styling but you can use CSS to extend and override those styles. Widgets are wrapped in their own div which will be placed inside the div on your web page.

For instance, to change the widget title to red do so in a style and assign the class to your containing div:


  <style>
    .red-header header {
        color: red;
    }
  </style>

  <div class="vpn-widget red-header" type="geoip/zipcode">Loading...</div>
Loading...

Use the !important css directive to do a hard override of any css style.

The text says, free to use our zip code widget and the background of the image shows a marked location on a map
Locator Zip Code Widget

FREQUENTLY ASKED QUESTIONS

What is a ZIP Code Widget?

A widget that detects and displays the user’s current ZIP Code. 

Who needs a ZIP Code Widget?

Anyone who wants to allow visitors of their website to view the ZIP Code of their current location.

Why should I use a Postal Code Widget?

Internet users often aren’t aware of the methods used to track their online activity and behaviors. A Postal Code Widget is a simple, effective way to show people how easy it is for anyone to identify their ZIP Code.

How do I use a Postal Code Widget?

You use the widget by embedding it wherever you would like it to appear on your website or blog. Once embedded, the widget will begin working as intended without any further maintenance from you.

Does this ZIP Code Widget cost anything?

No! All widgets on our website are 100% free for you to use.

Can I embed a Postal Code Widget?

Yes! Follow the instructions above to embed our widget to your website or blog.

How do I embed this ZIP Code Widget?

Follow the instructions above to embed our widget to your website or blog. It’s as simple as copy and pasting the code we’ve provided.

Is it safe to embed a ZIP Code Widget?

Yes! It is perfectly safe to embed all of the widgets from VPN.com.

How long does it take to embed a Postal Code Widget?

It takes less than five minutes to install this widget. It only takes as long as it takes you to copy and paste the code to your website or blog.

Do I need a developer to embed this ZIP Code Widget?

No, you don’t need a developer to embed this widget. We’ve provided everything you need to embed the widget on this page.

Can I embed a ZIP Code Widget in WordPress?

Yes! Our widgets are compatible with all WordPress websites.

Can I embed a Postal Code Widget in HTML?

Yes, you can embed all of our widgets in HTML. We’ve provided the necessary HTML code along with instructions above.