
<p class="has-text-align-center">Here are instructions on adding your Alpaca map to a WordPress website.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">Click to &#8216;Add block&#8217;</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" width="745" height="75" src="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.40-pm.png" alt="" class="wp-image-1204" srcset="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.40-pm.png 745w, https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.40-pm-300x30.png 300w" sizes="(max-width: 745px) 100vw, 745px" /></figure></div>



<div style="height:51px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">Select &#8216;Custom HTML&#8217;</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" width="408" height="406" src="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.27-pm.png" alt="" class="wp-image-1203" srcset="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.27-pm.png 408w, https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.27-pm-300x300.png 300w, https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.27-pm-240x240.png 240w" sizes="(max-width: 408px) 100vw, 408px" /></figure></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">Paste your Alpaca script tag into the box. You can find the embed script on the &#8216;Embed/Share&#8217; tab when you are within a map. Note: your map must be published in order to display. </p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" width="714" height="195" src="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.54-pm.png" alt="" class="wp-image-1205" srcset="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.54-pm.png 714w, https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.50.54-pm-300x82.png 300w" sizes="(max-width: 714px) 100vw, 714px" /></figure></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">You can easily preview that it has worked as expected by clicking the &#8216;preview&#8217; button within WordPress. Now, you&#8217;re ready to go!</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" width="716" height="708" src="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.51.10-pm.png" alt="" class="wp-image-1206" srcset="https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.51.10-pm.png 716w, https://web-uploads.alpacamaps.com/uploads/2023/02/Screen-Shot-2023-02-02-at-2.51.10-pm-300x297.png 300w" sizes="(max-width: 716px) 100vw, 716px" /></figure></div>



<div style="height:101px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Troubleshooting</strong></p>



<ul><li>Have you published your map within Alpaca first?</li><li>Are you using the HTML block to add?</li></ul>


How to embed – WordPress