How to add a Twitter Widget to your GeoDocs™ website

Putting a Twitter widget on your website is easy and can be a great way to keep it looking fresh, connect your website with your social media campaign, or to allow you to update your website from your phone! The WYSIWYG editor in GeoDocs makes it easy to add a widget to your site.

 

1. Find and prepare the HTML code for your widget
   
   1. Twitter provides several different kinds of widgets on their site, with lots of different color options or no frame at all. http://twitter.com/goodies/widgets
      
   2. Choose Widgets for...My Website
      
   3. Play around with the settings until you like what you've got, and click "Finish & Grab Code". Keep that page open and start the next step in a different browser window so you can go back and forth if you need to.
      
2. Log in to your GeoDocs website and switch to edit mode (or WebView Editor in GeoDocs v.7)
   
3. Open a page where you want to add the widget (page>open)
   
4. Add a section to the page at the Geode where you want a widget to go
   
   1. This can be any section type that will display the BODY field from content items- summary content, summary plus
      
   2. Remember- this section won't appear on the page until there is content in it and the page has been approved
      
   3. You must be a site author to add sections to a page! If you're not, have a site author perform this step and you'll be able to continue from here if you're a content author.
      
5. Add new content item. From the section Geode dropdown (left click for v.8, right click for v.7), select 'Add new content'.
   
   1. Give your content a title and topic
      
6. Add the html code to the body
   
   1. In the body field (WYSIWYG editor), click the button to see the source code. This will be blank if you have nothing in the body yet.
      
   2. NOW go copy your code for the Twitter widget and paste it here.
      
   3. Click the source code button to return to normal editing mode. (This is very important! The editor might not save the code correctly if you skip this step)
      
   4. You'll notice that all you see is a blank white field, and you might worry that it didn't take, but it's there!
      
7. Save your new piece of content
   
   1. After saving the content, your brand new widget will display on your page in edit or preview mode (hit the F5 key if you don't see it right away)
      
   2. If you're happy with your widget, then run it through workflow (Enterprise only) or publish it so everyone can see it!
      
   3. You may find that you need to tweak the dimensions or reduce the number of tweets to make it fit well on the page. You can go back to Twitter's tool or try reading the code- even if you're a novice you'll probably recognize what the code means.