Tutorial 1: Editing Your Website

Video duration: 4 mins 13 seconds

In this detailed tutorial we run through a step-by-step guide for changing the copy and the hero image on your homepage using Sitewalk. It should take about 15 minutes to complete but you can of course work through it at your own pace!

Getting Started

1. Login to your your sites control panel. You should see the dashboard page with a menu bar at the top.
2. Hover your mouse over the "Website" tab at the top then click the 'Sitewalk' option on the 2nd level to bring up the SiteWalk Manager.

Using Sitewalk to Edit Text

In Sitewalk, you'll see your site displayed in edit mode:

As you move your mouse over the homepage you'll notice a pop-up boxes saying "Click to edit this Region". Simply hover over the region you want to edit and click to bring up a text editor to change the content.

Let's click on the body text underneath 'Home' and add something original. Just delete the text and type "Hello World" if you don't have anything to add right now. You'll notice that the pop-up editor has all the tools of a word processor in its toolbar to help you edit your content.

Now click the 'FileSavePublish' button that the green arrow is pointing to publish these changes to your live site.

Changing Images with Sitewalk

Let's change the hero image to something different! If you hover your mouse pointer over the homepage hero image and 'Click to Edit Region', you'll bring up the Sitewalk editor with the image showing inside.

Remove the original image from the editor by selecting it and deleting it (pressing 'delete' or 'backspace'). After you've deleted the original image you can use the image manager to upload and insert your own image.

1. Click on 'Upload File(s)'
2. In the "Choose Folder to upload to" field make sure you have /images/ selected
3. Click on the 'Select' button to bring up a file chooser that will let you choose an image from your hard drive to upload
4. Click Upload

Now you can insert the image onto your webpage:

1. Click on the images folder
2. Select theimage that you have just uploaded
3. On the right hand side click the Insert button to put the new image on the website

This will take you back to the SiteWalk Manager - just click Save and Publish again to publish this new image to your live site.

You're Done!

After all these changes, lets take a look at our website as our visitors will see it! Open a new browser window and type in the URL of your website. Nice work! You've just edited the content and changed an image on your homepage in 10 minutes! That'll be all for your first tutorial.

If you feel ready to move onto harder tutorials on editing your website you can work through tutorials in the 'Additional Topics' links below. Otherwise you can move onto the next topics as you wish!

.

• SiteWalk