Embedding Wix, Tiki-Toki

Here is a basic guide on how to embed Wix or Tiki-Toki within your sites.

Embedding Wix
To embed Wix, you can insert this very simple line of HTML code into the HTML view of your page: <center><iframe height="430" scrolling="no" width="530" frameBorder="0" src="YOUR WIX URL"></iframe></center>. This code creates a frame area for the Wix page that you paste where it says YOUR WIX URL, making sure to keep the quotations around the URL. Once you have the page location specified, you should see the embedded Wix page once you publish your page.

However, depending on the dimensions of your Wix, you may want to finesse the code a bit more. The height and width suggestions in the code provided here will ensure that the Wix fits snugly on pages with sidebars, but that may not be ideal. You can change scrolling to “yes” to enable allow users to scroll within the frame, which will help viewers see your entire Wix. A better option may be to increase the size of your Wix frame and hide the sidebars to give yourself more space. To hide your sidebars, you will want to select “Hide Primary Sidebar” and “Hide Secondary Sidebar” in the PageLines Section Control area that you will find under the Page Attributes area on the right side of the Page Editor.

Embedding Tiki-Toki
To embed Tiki-Toki, you select Embed from the top of the timeline menu. A Timeline Embed Code pop-up will appear on your frame with these instructions: “Enter the width and height you want for your embeddable timeline. You should then copy the code from the ’embed’ box and add it to your website or blog.” Tiki-Toki provides a suggested width and height, which is a good place to start and can be edited later, so you need only copy the code and paste it into the HTML editor view on the page where you want to show the timeline. Once you paste the code, you will notice that width and height are specified within the first bit of code, which is where they can be edited. Note that the default width will render a timeline a bit wider than fits with sidebars, which means that you might want to use the trick above or reduce the width to around 530.

Mapping, timelines, video, audio, plugins, etc.

Here’s a list of resources particularly useful for Seminar 2, but likely useful for other courses, as well.

Making Radio
This American Life has a page of extensive resources about how to structure/write engaging audio.

Mapping Software Other than Google Maps
Google Maps, linked above, is often the go-to for map-making on the web, but it is not ideal for every use. Here’s a list of some other options that you can also edit and embed on your site. (If you want to extensively use maps on your site, you should activate the UMapper plugin that supports easy embedding of certain online map formats.)
ArcGIS Online
GeoCommons
Social Explorer
UMapper

Timelines
To make timelines, you might request a class version of Tiki-Toki that will allow for the creation of 5 embeddable timelines for the class under one account. For some basic information on how to use different media in Tiki-Toki, visit the FAQ page.

Audio
For those of you looking to use audio clips on the website, you should activate the podPress plugin.

Images
NextGEN Gallery is the one of the best plugins to use when presenting images. There are capabilities within this plugin to create the pop-up style image viewing you’re familiar with on Facebook.

Flash
If you want to have a Flash portion of your website, Wix is likely your best bet. You can create a page on there that can be embedded in the class site. You can see Wix in action on the main page of a past Seminar 2 East Harlem site.

For those of you who wanted to make a recipe book, this might be the best way to achieve that. Check out this book-like template on Wix. To access those kind of pages, once in Wix, you go to Add > Page Parts > Page Groups > More > Sketchbook. More information about Page Groups in Wix can be found here.