Embedding Content from Other Sites

Many websites, including most of the social media sites, let you add buttons or widgets to your website so that visitors can interact with you via social media.  They can Like you on Facebook, they can connect with you via LinkedIn and can Tweet about your site or follow you on Twitter.

Mostly you add these widgets and buttons by copying some HTML code that the other site gives you into your own site.  You can do this easily in PanPage by creating a Raw/HTML item on one of your web pages and pasting the HTML code into it.

The procedure on the right will embed a Google Map into your website and there's more about Google Maps here.

You can also embed content from YouTube, Twitter, Facebook and many more sites using the same principle.

Create Twitter widgets and buttonsEmbed a YouTube videoEmbed Facebook widgetsLinkedIn button

Try it with Google Maps

The following will create a small Google Map fragment on your website...

1Create a Raw/HTML item. Create a Raw/HTML Item

Login to PanPage on your website and on a suitable page and column of at least 1/3 width, create an item and change its type to 'Raw/HTML'.  (Do this on an unpublished test page if you don't want the world to see what you're doing just yet.)

2. Get the HTML Code from Google

Google get link button

Open a new browser tab and go to www.google.com, select Maps and enter your post code to get a map showing where you live or work.  At the top right, click the 'link' button, then click 'Customise and preview embedded map'.  Choose the small size then click in the box labelled 'Copy and Paste this HTML...' and highlight all of it.  Press [Ctrl+C] or right click and choose 'Copy' to copy the HTML to the clip-board.

3. Paste into Your Item

Back in the PanPage tab click in the Raw/HTML item and press [Ctrl+V] or right click and choose 'Paste' to paste the HTML from Google into your Item.  Then click 'Save' and go look at the result.  It will be a small fragment of the original Google Map and you can scroll and zoom it just as you can on Google.

You can take out some of the google elements such as the white box, more info here

This website uses cookies for statistical usage data. By continuing to use this site, you agree to the use of cookies.

Don't show this again