When adding content to your site, you’ll see:

• Plain text boxes. These are just basic boxes where you can add only text.
• Rich text boxes. Rich text boxes allow you to add images, videos, links, formatting, and so on. Take advantage of these options to really customize your site.

This screenshot shows a plain text box (above) and a rich text box (below). The plain text box is really meant for only a few words or a sentence. The rich text box is larger, and it has formatting tools.

You can bold and italicize text, and you can add links, headings, and quotes. You can also create bulleted and numbered lists.

To do all that, you just select the text you want to format, and then click a button.

Here are some more details on how to:

• Add formatting
• Remove formatting

Add formatting

So to add any formatting to text:

• Highlight the text, and then click one of the options.

To add bold formatting, highlight text, and then click Bold —or press ⌘+B (on a Mac) or CTRL+B (on a PC).

To add a link, highlight text, and then click Link . Next paste in a URL, and then click ✓ (or press Enter) to save.

To add a quote, highlight text, and then click Quote .

To add a heading, highlight text, and then click H3 or H4.

To add a bulleted list, highlight text, and then click List .

Remove formatting

To remove formatting:

• Highlight the formatted text, and then click the option that you want to remove. For example, highlight a link and then click Link .

To remove a link, highlight the link, and then click Link .

To add an image to a rich text box:

1. Click into a blank line.
2. Next click the that appears, and then click the Camera .

1. In the window that appears, click From Market, Upload, or From URL—or just drag an image onto the box.

1. If you want to change the image’s size or orientation, click Edit Image. (We’ll talk about how to edit the image later.)
2. Next, click Apply to finish adding the image.

When adding the image, you can:

• Change its size
• Align it left or right

Change the size of an image

Your template is designed to work with a variety of image sizes. So unless your image is the wrong shape for the situation (e.g., tall & skinny instead of square), it’s precise size might not matter.

Note   At this time, you can only change the size of an image when first adding it. If you need to change the size of an image that you’ve added, delete it, and then re-add it (from the Market).

To change the size of the image:

1. When first adding an image, click Edit Image to see the editing tools.

Click Edit Image to see the editing tools.

1. Next, set the proportions: on the Crop tab, click one of the ratios (e.g., Square, 2:3, 3:5) or use the Custom option to crop it manually, and then click Apply.
2. Or set the exact size: on the Resize tab, enter the pixel amounts.

Note   Resizing an image might not always work as you intend. Some templates have styles that cause images to fill up 100% of the available space. If the image is too big, the template will shrink it down. If the image is too small, the template will stretch it to fill the space. These styles help the template deal with a variety of image sizes.

1. Click Save to finish editing the image.

On the Crop tab, you can cut down an image (make it square, 3:2, and so on).

On the Resize tab, you can set an image’s exact size. Keep in mind that some templates have styles that cause images to fill up 100% of the available space. So resizing an image may not always work as you intend.

Align an image to the left or right

Once you’ve added an image, to align it right or left:

• Click the image, and then select whether you want to align it Left , right , or center . Center is the default.

You can center images, which is the default.

Align images to the left.

Align images to the right.

Just by pasting in a link, you can add videos (for example, from YouTube or Vimeo) and even tweets from Twitter.

If you’re not sure if a link will embed properly, just try it out. (The full list of websites that you can embed from is over 1,600!)

To embed a video, tweet, and so:

1. Click into a blank line.
2. Next click the that appears, and then click the Embed button

1. Next just paste the link. For example, for Twitter, paste a link the tweet (e.g., https://twitter.com/trySiteKit/status/555123558418882561). For YouTube, just paste a link to the video (e.g., http://youtu.be/Rswa3_3HUt4).

1. And then to finish embedding, press Enter.

Here’s an embedded tweet.

Here’s an embedded video.

You can also align the video (or tweet, and so on) to the left or right (just like with an image):

• Select it, and then click Left or Right (or Center ).

To add music, just paste in a link from a popular music-sharing site. Here’s how to embed a link from:

• Spotify
• SoundCloud

Add a Spotify song

To add a Spotify song, you’ll need to create a Spotify account, and install the Spotify app. Also, your visitors will only be able to play the song if they have a Spotify account.

Note   Links from the Spotify web player will not work. Instead, copy links from the app.

To add a song:

1. In the Spotify app, open the song. Click on the right of the song, and then click Copy HTTP Link.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Spotify link, and then press Enter.

Or add an album:

1. In the Spotify app, open the album. At the top of the album, click , and then click Copy HTTP Link.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Spotify link, and then press Enter.

Or a playlist:

1. In the Spotify app, open the playlist. At the top of the playlist, click , and then click Copy HTTP Link.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Spotify link, and then press Enter.

Add a SoundCloud song

Adding a SoundCloud song is a good way to add music that’s accessible to anyone. You don’t need a SoundCloud account, and neither do your visitors.

To add a SoundCloud song:

1. In SoundCloud, navigate to the song, and copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the SoundCloud link, and then press Enter.

Instead of copying and pasting a post from social media, just embed a link to it. Here’s how to embed from:

• Twitter
• Facebook

Add a Twitter post

To add a Tweet:

1. In Twitter, click on the tweet to open it in its own window.

1. Next, copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Twitter link, and then press Enter.

Add a Facebook post

To add a Facebook post:

1. In Facebook, click the date on a post (which is in the upper left) to open the post in its own window.

1. Next, copy the URL of the single post.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Facebook link, and then press Enter.

While you can upload images directly, you can also embed images from popular image sharing sites. Here’s how to embed a link from:

• Instagram
• Flickr

Add an Instagram photo

To add an Instagram photo:

1. In Instagram, click on a photo.

1. In your address bar, the URL will look like: https://instagram.com/p/j2jimWLMEO/?modal=true. Copy the URL except for the last part: ?modal=true. For example, https://instagram.com/p/j2jimWLMEO/

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the Instagram link, and then press Enter.

Add a Flickr photo

To add a Flickr photo:

1. In Flickr, click on a photo to open it in its own window, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

Add videos from popular video-sharing sites. Here are examples from:

• YouTube
• Vimeo
• Vevo
• Wistia

Add a YouTube video

To add a YouTube video:

1. On YouTube, open a video, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

Add a Vimeo video

To add a Vimeo video:

1. On Vimeo, open a video, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

Add a Vevo video

To add a Vevo video:

1. On Vevo, open a video, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

Add a Wistia video

To add a Wistia video:

1. On Wistia, open a video, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

You can embed links from over 1,600 sites, so they’re not all listed here. If you’re not sure if a link will work, just try it and see what happens.

Here are a couple more examples to show how this works:

• Google Maps
• SlideShare

Add a Google Map

To embed a Google map:

1. In Google Maps, search for an address.

1. Next, copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.

Add a SlideShare deck

To embed a SlideShare deck:

1. In SlideShare, open a single presentation, and then copy the URL.

1. Then back in your site, click to a blank line, click the that appears, and then click the Embed button .
2. Now paste in the link, and then press Enter.