Adding Alpaca maps to your website

by Zoe Manderson
how to


Embed your guide or itinerary map into any web page.
This is as simple as copying and pasting a code snippet (iFrame).

The user experience works best when it is full width.

Embed different map views

Your master guide

A regional wide view works well on a home page to give visitors a visual snapshot of the kind of experiences they can find within your region.

Category view

Embed a category view on the relevant page on your website. We call this ‘Deep-linking’. This allows you to have the most relevant content displayed to your audience at the right touchpoint. Click for tutorial >

Itinerary view

You can embed an individual itinerary within a relevant article or blog page. Click for tutorial >

Link to the full-screen map

In addition to embedding your maps, we also suggest linking
to the full screen experience directly from your top level navigation so that it’s always easy to find.

The full screen experience is also shown to lead to
longer time on site and higher engagement.


Although Alpaca can be embed into any website CMS, sometimes restrictive templates can constrain the size of the embed. If you need assistance, our team of developers is always here to help or provide guidance.

Our research shows that when your Alpaca map is full width, and above the fold, engagement is 40% higher, and time on site longer. We recommend you trial different placements to see what impact it has on engagement stats across your website.