Create a site for mobile devices

Work with mobile buttons and gadgets

In order to better reach and serve your customers, you can add buttons and gadgets specifically designed for mobile devices.

Click-to-call button

This button lets people directly contact your business with a single click from their mobile device.

Adding the button

  1. Click the Edit page button to open the site editor.
  2. Place the cursor where you would like to insert the object.
  3. From the Insert menu, select More gadgets...
  4. Click Add gadget by URL.
  5. Enter the following URL: http://hosting.gmodules.com/ig/gadgets/file/116229407835594937144/ClickToCall.xml.
  6. Click the Add button.

Changing the look of the button

  1. Click the Edit page button to open the site editor.
  2. Click the gadget to display the gadget toolbar.
  3. Click the Properties link.
  4. Edit the properties and click the Preview Gadget button to preview your changes.
  5. When you're done editing, click OK.

Example of setting up a button

If you would like to set up the button above, you would add the following specifications when you create your button:


Social button

Stay in touch with your users through social networks. The social button lets you to link to your Facebook, Twitter, LinkedIn or YouTube accounts.

Adding the button

  1. Click the Edit page button to open the site editor.
  2. Place the cursor where you would like to insert the object.
  3. From the Insert menu, select More gadgets...
  4. Click Add gadget by URL.
  5. Enter the following URL: http://hosting.gmodules.com/ig/gadgets/file/116229407835594937144/SocialImageLinksV2.xml/a>.
  6. Click the Add button.

Changing the look of the button

  1. Click the Edit page button to open the site editor.
  2. Click the gadget to display the gadget toolbar.
  3. Click the Properties link.
  4. Edit the properties and click the Preview Gadget button to preview your changes.
  5. If you don't want to include links to one or more social platforms, write "none" in the text field where the link would go.
  6. When you're done editing, click OK.

Google Checkout Buy Now button

To use this button, you must have a Google Checkout Merchant account.

Add the Google Checkout Buy Now button to your mobile site to allow your customers to purchase items directly from your mobile site. Here's how:

  1. Create your product's description on your Google Sites page.
  2. Select Insert > More gadgets... to add the Google Checkout Buy Now Button at the desired position in the page.
  3. Select Featured on the left menu and choose the Google Checkout Buy Now Button Gadget. Then click Select on the next dialog box.
  4. Now fill in the item's details. For more information on this section, you can skip to Step 3 on the code page for the Google Checkout Buy Now Button.
  5. The Google Checkout Buy Now Button is now inserted in your Google Sites page. Save your Google Sites page to see the Buy Now Button appear.

Note: You will need to uncheck the option My company will only post digitally signed carts in your Google Checkout Merchant center under Settings > Integration in order to accept carts posted by Google Checkout Buy Now Buttons.

Google Maps gadget

Embedding a Google Map into your Google Site and sharing it with your coworkers, friends, and family is easy. Here's how:

  1. Click the Edit Page button.
  2. Click the Insert menu and select Map. A window with a map appears.
  3. Type in an address or location in the search box and click Search. Your location appears in the map, marked with a red placemark.
  4. Inside the map, there are three options you can select: map, satellite map, and a hybrid of both. Click one, then click Select.

    Note: if you have an existing Google Map you'd like to add, simply add the link to the box below the map and click Select.

  5. In the next window that appears, you can add a title to the map, choose to display a border around the map, or change its size.
  6. Click Save at the bottom of the window after selecting your options, and Save again at the top of the page to save all your changes.

General button

The general button lets you link to another section of your site or any other webpage. The button text, colors and destination URL are all yours to change.

Adding the button

  1. Click the Edit page button to open the site editor.
  2. Place the cursor where you would like to insert the object.
  3. From the Insert menu, select More gadgets...
  4. Click Add gadget by URL.
  5. Enter the following URL: http://hosting.gmodules.com/ig/gadgets/file/116229407835594937144/ClickToGo.xml.
  6. Click the Add button.

Changing the look of the button

  1. Click the Edit page button to open the site editor.
  2. Click the gadget to display the gadget toolbar.
  3. Click the Properties link.
  4. Edit the properties and click the Preview Gadget button to preview your changes.
  5. When you're done editing, click OK.

Example of setting up a button

If you would like to set up the button above, you would add the following specifications when you create your button: