Browsing Tag

widgets

Spice up your Site

How to Add a Google Map to Your Wedding Website

Glosite how to add a google map wedding website

Let’s face it – since the average wedding today has tons of out of town guests, you’re probably going to have a good number of guests who have no idea where they are going. Maps are about to become your guests’ best friend – and fortunately for them, you can add lots of maps to your wedding website. Previously, we’ve talked about how to create a fun “things to do and see” map for your wedsite, but today’s post is all about the step-by-step instructions for how to add a driving directions map to your Glösite. (Though these instructions are relevant for any website where you can paste in custom HTML code.)

Here we go:

1) Make a Map

Head on over to Google Maps and enter a destination or starting point in the location field

1 - google maps glosite wedding website

2) Get started with directions

Roll over the section on the left and click on the “directions” link

2 - directions google map glosite wedding website

3) Finalize directions

Enter the starting point where guests will be coming from or to (depending on what you chose in step 1) – double check that your “from” and “to” locations are correct on the map.  You can choose the mode of transportation: car, public transit, walking, etc. at the top. If the results show multiple ways to get from point A to point B, choose the one you prefer guests to use by clicking on the blue or grey path on the map or the choices listed below the to/from details.

3 - destination google map glosite wedding website

 

4) Click the Maps Menu

In the top, left of the page, click on the menu icon (the one that looks like a hamburger with several vertical lines.) This opens the menu

4 - destination google map glosite wedding website

 

5) Create an embedable map

On the menu, click “Share or embed map”

5 - embed google map glosite wedding website

 

6) Format map and copy code to clipboard

Click on the “Embed map” tab – on this tab you can choose the size of map you’d like to embed. Then highlight and copy (control-X) the embed code to your clipboard

6 - customize google map glosite wedding website

7) Add the map to your Glö Wedding Website (your glosite)

Head on over to your glosite.com account. Navigate to the page where you would like to embed the map. When you are editing the page, you have two options for pasting in the code. The first is pasting it into the Widget Box – this will place the map at the bottom of the page. The second option is to click the HTML button on the text editor – this will allow you to paste the code directly into the text area on the page and the map can appear anywhere (e.g., before or after other text, photos, etc. on the page.)

(Hint: you can also embed the map in an Event description using the HTML button on the event description text editor.)

7 add map to glosite wedding website

8) Preview your map on your Glö wedding website

View your Glosite wedding website, navigate to the page where you’ve just added the map and there it is!

8 view map on glosite wedding website copy

Inspiration

How to add a paypal button to your wedding website

Updated in March 2015

One of the most common questions I hear is “How do I add a Paypal button to my Glosite?” Many of you ask after seeing the incredible PayPal registry that Fenella and Stuart used on their wedding Glösite gift page.

Fenella and Stuart's Gift Registry

I’ve also seen Glö-bies use PayPal buttons to collect funds for events that are a part of their celebration, such as baseball games, cooking lessons, wine tours and the like. I love how creative you all are!

So for those who are curious – here’s a quick tutorial on how to add a PayPal button to your website:

 PLEASE NOTE: The code on Paypal buttons is known to conflict with frames, which is what is used to play music on your Glösite. Apologies, but you will need to decide whether you would like to have music OR Paypal buttons on your site – they won’t work together.

Step 1: Log into PayPal

Paypal

 

Step 2: On the left side of the page, click on Seller tools > Selling Preferences

glosite add a paypal button to your wedding website step 2

then click “get started” in the Paypal buttons section

glosite add paypal button to your wedding website step 2b

Step 3: Choose the type of button you’d like to add from the drop down menu. 

glosite add paypal button to your wedding website step 3

Step 4: Customize your button – experiment with different button types and options until you get the look/feel and functionality that you’re going for

step4

When you’re finished – scroll to the bottom and click on “Create Button” (which may also say “Save Changes”)

save

Step 5: copy the code for your button

copy the code

 

Step 6: Log into your Glo account and go to “Manage Glösite (your website)” > “Edit” for the page where you’d like for the button to appear. You can add the button to the bottom of the page by pasting the code into the widget box:

widget box

OR…if you want to add the button in the middle of the text on a page, use the “HTML” feature on text editor menu. Click the “HTML” button, and then position your cursor where you’d like the Paypal button to go and then paste in the code and save. Here’s a tutorial on how to use the HTML feature

HTMLbutton

That’s it!

Have you used a PayPal button in a new, creative way? I’d love to hear about it in a comment below…

 

 

 

Glö-nouncements, Inspiration, Spice up your Site

Huff Post: – 7 Guest Friendly Widgets for Your Wedding Website

Some exciting news that I’ve been asked to guest blog on Huffington Post Weddings! Today, you can read the very first post: 7 Widgets for a Guest Friendly Wedding Website

 

Huffington Post - 7 Widgets for a Guest Friendly Wedding Website

 

I have to confess, not being a born writer – doing something like this on such a main-stream media outlet felt rather scary at first….but now I am feeling pretty tickled to have it out there in cyberspace!

If you enjoy the post – I’d love for you to comment on, like or tweet it! The best part of my job is all of the interaction I get to have with awesome Glöbies like you.

 

Inspiration, Spice up your Site

Finding widgets for your wedding website on Widgetbox

One of my favorite features for the Glö wedding websites is that couples can add any widget they’d like to spice up their site.

What the heck is a widget, you ask? Basically, it’s a short piece of pre-made code that allows you to add everything from a flight search, to a wedding countdown, to a map of things to see and do, or even a song request list to any of your Glösite pages.

The best part is that you do not need to have any programming or technical knowledge to add widgets to your website.

One of my favorite places to find widgets is on Widgetbox. It’s a site full of fun, FREE widgets that do a million different things. Here’s a quick tutorial on how to find a widget on Widgetbox and add to your Glösite:

(1) Visit Widgetbox.com and click on the Widgets Tab

Widgetbox

 

(2) Choose “find widgets”

Find Widgets

Here you can browse by category, see what’s new and also search for widgets. Let’s do a search. Say you’re looking for a weather forecast for the place where your celebration will take place. Type in “weather forecast” or something similar in the search box

(3) Scroll down the list til something jumps out at you. I’m a fan of the Weather Channel.

Weather Forecast Widgets

On the widget page, you’ll be able to preview the widget as well as see any comments or reviews others have left about the widget.

Weather Channel Widget

(4) Once you find a widget you’re in to, click on “Get Widget” below the widget itself. This brings up the code you’ll need to copy and then paste into your Glösite page.

Copy widget code

(5) Now go to glosite.com and log into your account. Go to “Manage Glösite” > “Edit Pages” and click on the page where you’d like to add your widget. On this page, you have two options for adding the code.

The first is to paste it into the widget box at the bottom. This will add the widget to the bottom of your Glösite page.

Use the widget box

The second option is to use the HTML function in the text box. This will allow you to place the widget anywhere on the Glösite page – above or below any text, images or other widgets that you want to add.

HTML button

(8) After you’ve added the code, save the page and go to view on your Glösite! The widget should appear just like this!

Have you discovered any fun widgets? If so, let me know in the comments!

Inspiration, Spice up your Site

Add a flickr slideshow or photo to your wedding website

Add a flickr slideshow

A flickr slideshow on my Glösite

I’ve written before about adding a Picasa slideshow to your Glö wedding website, but I know that lots of you also use flickr to store all of your fabulous photos. We don’t like anyone to feel left out, so here’s a similar tutorial on how to add a flickr slideshow to your Glösite.

This “how to” will focus on adding a slideshow of a particular album I have on flickr, but the same principle applies to adding a slideshow of your photostream or an individual photo.

 

1) Go to your flickr account and on your photostream, set or album you’d like to add, click on an individual photo. 

2) Click on the three dots in the bottom-right corner and choose “View Slideshow” from the pop-up menu

3) This takes you to a black page with your slideshow or photo in the middle. Click on “Share” in the top-right corner of this page

Click share
4) You can either select the code from the “Grab HTML code” box or else you can click on “customize HTML code” below to change the size of your slideshow

Copy code
4b) If you click on “customize HTML code” make your selections (I like the medium size for Glösites) and copy the new embed code

copy code
5) Go back to glosite.com and navigate to the “edit” page for the page on your wedding website where you’d like to add the slideshow (Manage Glösite > Manage Pages > edit)
Scroll down to the widget box at the bottom of the page and paste in the code, or else you can use the HTML button on the text editor to add the slideshow to the middle of your page

paste code7) Save the page and view on your Glosite

View on Glosite

Inspiration, Spice up your Site

Adding a Picasa slideshow to your Glosite

UPDATE: Now that Picasa is linked to Google+, some of the features have changed slightly. The directions below are still valid if you work via the old Picasa web interface, which you can find but cutting and pasting the original link into your browser: https://picasaweb.google.com/home

I’ve had a few questions lately about how to add a Picasa slideshow to one of your Glösite pages. In case others are wondering the same thing, here’s a quick video that should help. (for some reason, the video appears to go faster than the recording, but I hope it’s close enough to make sense!)

To recap, the key steps are:
1) Ensure your album (or image) has the right visibility settings: Either Public or Visible to anyone with the link
2) grab the embed code from the lower-right side of the picasa page for that album or image
3) Paste the embed code onto your Glösite page – either into the widget box or using the “html” button of the text editor
4) Save your page, and view!

Inspiration, Spice up your Site

Adding a forum for conversation to your wedding website

Your wedding website is a great way to build a connection with your guests, but what about when your guests want to connect with one another? As we say around Glö HQ – there’s a widget for that! In this case, the widget is a forum.

A forum is a perfect way to facilitated conversations between guests who may not know one another, be friends on facebook, etc. It’s perfect for organizing rides from the airport, spare beds in hotel rooms, and other travel logistics.

One forum provider who appears popular with Glö-bies is Nabble. With a few steps, you can get a forum up, running and embedded onto a page in your Glösite. Here’s a quick overview:

1) sign up for a Nabble (or another forum) account

Step 1: sign up

2) Customize appearance, etc.

Step 2: Customize

3) Grab the embed code

Step 3 - Grab embed code

4) On your Glösite – choose a page where you’d like to add your forum. Click on the “html” button on the text editor and paste in the code, or paste the code in to the widget box at the bottom of the page. Save

Step 4: Add to Glösite

5) Enjoy your forum!

Step 5: Enjoy!

Inspiration, Spice up your Site

Custom HTML on Glösite pages – did ‘ya know?

We recently asked several Glöbies to fill out a survey to help us understand what you think about Glö and how we can improve. One comment I saw was a request for custom HTML on Glösite pages. The person didn’t leave their name, so I thought I’d just broadcast to everyone to let you know that this is possible! Using the HTML function, you can add photos, widgets, text, etc anywhere within the Glösite page. If the idea of HTML totally scares you, you can also continue to paste in widgets in the “widget box” – these will simply appear at the bottom of the page.

Let’s go through a quick step-by-step using a PacMan widget that I found on Widgetbox (My total go-to source for fun widgets!)

Go to ‘Manage Glövites’ > edit page and scroll down to the text box area. Here you’ll find a button labeled HTML.


Click that bad-boy and another window will pop open.

Now, flip over to the browser window with the widget you’re coveting and click ‘get widget’

A box will pop up with the code you need to capture, so click ‘copy’

Now, flip back to the browser window with glosite.com open on it (if the HTML box has gone away, you might need to click the HTML button again.) Put your cursor inside the widget box and paste in the code you just copied, then click ‘update”

Scroll to the bottom of the Edit Glövite page and click ‘Save” – that’s it!!  Now head on over to your Glösite to see the fabulousness you’ve just added! If you’ve followed these directions, you’ll now see this:

I, of course, spent an hour playing before I managed to publish this post!

Glö-nouncements, Inspiration, Spice up your Site

Interactive List of Wedding Website Widgets

Say that title three times fast! I’m always looking for helpful ways to organize information like the countless widgets that are out there for wedding websites. The handy-dandy list maker from Pick.In totally caught my eye. I’m going to test it out by using it to track interesting widgets that I discover online. If you have found fun widgets that you’d like to share, please feel free to contribute! I sorta like the way Pick.In easily allows you to give widgets the thumbs up or down and to contribute to a running list.

I’ve also been bookmarking sites on the GloWedding Delicious account.

What do you think is better or easier to work with? I’m open for any and all suggestions to keep track of everything!

Real Glö-bies, Real Glö-Vites & Sites

Tim and Mo’s Garden Wedding Vites and Site

The Glö-Bride: Melissa, Educational consultant

Her Glö-partner: Tim, Landscaper

Celebration Date & Location: August 2010 in Melissa’s sister’s backyard in Junction City, Oregon/Lane County, USA

Tell us how you got engaged:

I have been friends with Tim’s sister for over 20 years. Tim and I recently met again after many years and sparks flew. He proposed over a picturesque bridge on bended knee, and I, of course, said yes.

What’s the overall ‘feeling’ you’re aiming for with your celebration:

We’re celebrating in my sister’s beautiful garden with many, many lush blooming plants. The overall “feeling” we’re going for is casual garden party.

Are you adding any fun twists on tradition:

We have wonderful cooks in the family, so we’re doing potluck.

What was the inspiration behind your Glövite and Glösite design? How did you make it?

My sister’s garden and her cats were the inspiration for the invitation and website. We also threw in an eagle to honor Tim’s totem animal.

I have to confess, I had to do a bit of research to learn that a totem animal is a personal spirit that helps watch over and guide you. Pretty cool stuff! I took a little quiz and found out that I am either a Horse (neigh!) or Dog (woof woof!)

My friend, Merisha Lemmer, designed our invitation. (You can email Merisha here)

Now show us your vites and site!

Any good planning tips and tricks:

Get e-mail addresses early. Also, have a plan for those who have yet to join the twenty-first century and don’t do e-mail or can’t access the Glösite.

If you have guests who aren’t on email, consider sending paper invitations that match your Glövite designs. If you choose a Glö design, we can arrange for you to have matching paper invitations printed. Just contact us at Glö!

Melissa and Tim's Glösite


I discovered that Melissa and Tim were using some other nifty tools to help with their planning. The first is a travel booking site called Hotel Planner where you find group discount rates on hotels. A SUPER big help if you have numerous guests coming from out of town. You can even specify that the event you’re planning is a wedding. After the hotels are chosen, you have a landing page on the site that lists all of the hotel options for your guests. What a great way to make it nice and easy for them! Melissa and Tim simply included a link to the site on their ‘Travel’ page.

Melissa and Tim also registered for their honeymoon using Travelers Joy. And although the google map couldn’t seem to find Mexico (??), I’m sure the pilot will have better luck! Registering for a honeymoon is a great option for those of you who have what you need for the house already.