How to create your new website
HOW TO:
Now that you have completed the main wizard stages you can further edit the look of the site and individual pages as well as create new pages and galleries.
The main home or 'Account' page has links to the individual sections and you can access all sections from the top menu on any page.
Each standard content page here uses a simple text editor where you can remove current content and add your own.
The page is split into the following 3 sections:
META Content / SEO - for adding search engine optimisation details
Page Title - Currently displays the link name
Main
Editor - Adding and editing page content
Meta Content/SEO
Search engine optimisation can be added to these pages using the Meta Content / SEO link. Title, Keyword and Description tags can be added here. The title and description tag should be descriptive and relevant to the page content. Include in here search phrases you would expect visitors to use to find your website and also include these phrases within the main content of the page. The Keyword field should contain the same words as the above phrases but with each word separated by commas. Each page of the website should have different details in this section which is relevant to the actual page. This increases the number of phrases where your website can be found. All these details can be added at anytime.
Prior to setting the majority of web sites live we will add or offer to add SEO to the main content pages so we can perform the basics free of charge, assuming the client isn't familiar with this side of things. We want all our client websites to be successful and generate traffic to them. However, there are aspects that are more time consuming and so provide a complete SEO service once the site is up and running. You can view further details of this here.
Page Title
The page title can be changed at any time and should be relevant to the page content.
Main Editor
Existing text can be edited or removed completely and new text added. To remove all content simply highlight with your mouse and click your delete button.
We recommend adding an image first which can then be positioned left or right, and then text can be added to wrap around the image. To upload an image, click your mouse in the position on the page you wish to add it and then click the Upload Image icon
in the editor toolbar. Browse your computer for the image you wish to use. Once selected, click the Upload button. Then complete the description field which should include keywords as it helps with your search engine ranking. Align the image left or right by selecting from the Alignment drop down box and then click Insert.
Add the text content you wish to wrap around this image by typing directly into the page or copy and paste from another program or web page. The text can be formatted as headers, italicised or emboldened, colour and the text size changed using the tools in the toolbar. The text alignment, links, bullet points and text indenting can also be set using the editor tools.
A maximum of 2 images can be added to content pages. If you wish to centralise an image on the page, upload first and then click the Text Align Centre tool in the toolbar of the editor.
For those comfortable with HTML there is also the option to access the raw html code of the page content.
The changes should be Saved which will return you to the main Account page.
A slideshow can be added to any content page using the editor. To the left of the editor toolbar you will see the Add Widgets/Slideshow icon
, click this and you will see a drop down list of all galleries in your account. Simply select one of these galleries and the slideshow will be added to the page. The slideshow can be resized by clicking it with the mouse and dragging the corners out. It can also be positioned left or right using the text align icon in the toolbar. This will allow text to wrap around the slideshow.
If you wish to centre the slideshow and add text above or below, you will need to set the slideshow to full width. To do this you will need to access HTML mode which is the 2nd left icon in the toolbar. Look for the section of code which says <img class="w4pwidget" style="width: xxxpx; change this width to the width you require. If the site is set at 900px width you will want to set this to 860px. If the site is set to 1200px width, set the slideshow width to 1100px. We do not recommend centreing a slideshow where the site is set to 100% width as it would display differently on different machines.
Please note a gallery must be set up prior to adding a slideshow. This has probably already been done on the wizard pages but if not instructions for adding a gallery are below.
Adding a Widget - OurWeddingMemories event calendar, Facebook and Twitter buttons
As with a slideshow above widgets can be added to each page using the editor. Simply go to edit the page in question and place the mouse cursor where you wish to add the widget. Select the Add Widgets/Slideshow icon
and then the widget you wish to add from the drop down list. You may need to allow scripts to run on this page before it will allow you to add the widget. Click the bar that appears at the top of the screen if required and then select the icon again.
Selecting the Twitter option will ask for your Twitter url which you enter into the box before clicking OK. The Twitter button will then appear on the page. Clicking the Facebook share button will add this to the page automatically.
If you wish to add an events calendar to your website you must first create a calendar and add events to it. To do this you need to be registered as a photographer with www.ourweddingmemories.co.uk. If already registered, please login here. Once logged in click the Calendar Admin link in the top menu to change settings and add events. You will then see a snippet of code for adding the calendar to a website, from here simply copy the calendar id (calid=xxxx).
Back in your Websites For Photographers account, select the Widgets icon and then the 'Add our wedding memories calendar' link. A pop up box will ask you for your Our Wedding Memories Calendar ID. Here you simply enter the number from the above code after the = sign.
Ensure you click the Save button before navigating away from the page.
To add or edit a gallery go to the 'Galleries' section on the main account page. Click either the 'Edit' link to edit an existing gallery or 'Create a new gallery' to add a new one.
'Create a new gallery' takes you to the main 'Manage Galleries' page. Here you can add further public galleries or select to add a private or 'Client Gallery'. To set up a client gallery or if you have used up your image allowance and need to add extra images to a public gallery, you will need to activate your site. Clicking the 'Create a Client Gallery' button, or uploading the maximum allowed images will display a link to 'Activate your account'. You can also do this by clicking the 'Upgrade' link in the top menu. Instructions for Activating Your Website can be found here.
When creating a new gallery, first select whether you wish to add a 'Public' or 'Client' gallery and then add the Gallery Name and click the 'Create Gallery' button.
Once created you can then select whether or not to password protect and add a watermark. If this is a client gallery, you can also 'Enable Shopping Cart' to allow you to sell your images online. Select the options required and click 'Next' where you can add a small description for the gallery and upload your images. Browse for and add your images before moving on.
You can delete any images by rolling your mouse over them and clicking the
icon. You can also set the album cover for the gallery in the same way and selecting the
icon. The complete album can be deleted using the 'Delete' button at the top.
'Edit' takes you through the previous steps so you can make any required changes or upload extra images.
As images are uploaded they are automatically saved. Images with the same file name will not be uploaded and an error message will show once the upload is complete.
Galleries can be re-ordered simply by dragging the gallery to a different position.
Prior to adding your first client gallery, you will be prompted to set up your shopping cart. Here you can add your PayPal id for purchasing your images and set prices for standard image sizes. You can also add new image sizes and set prices for them. If you have different prices for the same image sizes for different events such as wedding or photo shoots, you should add these now. They can be edited at any time in the future. You can enable and disable different size/price combinations for each gallery when the shopping cart option is selected so different prices can be added for the same image sizes.
There is also the option to set a single price to 'Buy All Images On CD/DVD'. Set your prices and click the 'Save' button.
Once these settings have been saved you can then proceed to add your galleries. First create the client gallery, the Gallery Name would generally be the name of the client/s.
On the next screen you will be able to add settings for this gallery, change the gallery name, select to password protect and if selected add the password.
It can be worthwhile setting this up prior to an event so that the password can be given to the client and guests on the day.
You can also watermark images and change the watermark text and enable the shopping cart for this gallery. Selecting to enable the shopping cart opens a further screen where you can enable/disable image sizes and prices set earlier.
Once you are happy with these settings, click next to upload images to the gallery. You will also be able to add some text to a text field here where you can include shopping instructions or a simple welcome message to your clients. This text will display on each thumbnail page for the particular gallery.
Click the Browse and Upload button and find the images you want to upload on your computer. Select as many as required and the upload will start automatically. An error message will be displayed where the file size of an image is too large or an image with the same file name is uploaded. This can be deleted from the queue once the upload is complete. Once you have completed the upload, click the 'Back to Galleries' link to add more galleries or the home link to go back to your main account page.
Again, you can delete any images by rolling your mouse over them and clicking the
icon. You can also set the album cover for the gallery in the same way and selecting the
icon. The complete album can be deleted using the 'Delete' button at the top.
Any number of galleries can now be added and as many images per gallery up to the maximum number of images purchased.
Once the maximum number of images is reached you will again be prompted to purchase extra images. Alternatively you can delete images from galleries or delete complete galleries as required.
Galleries can be re-ordered simply by dragging the gallery to a different position.
The content page contains all items from your registration details which can be selected or deselected as required.
A basic form is created by default which includes, Name, E-mail Address and Extra Details fields and will be live on the website once the wizard is complete. These settings cannot be removed. However, you can add further details to the contact page.
On the main Account page scroll to 'Other Pages' and click the Edit link alongside 'Contact Form'.
First add some basic text which will appear at the top of the page. This can include details such as opening times etc.
The next section allows you to select contact details you wish to appear on the page. If you just want to display the contact form on the page leave the check box 'Show contact details?' unchecked. If you wish to include some of this information, check this box and select the options you wish to appear. There is an option to include your e-mail address but we do not recommend displaying this. You can scroll down to see how the page will look with different items selected.
Next, select the items you wish to include in the contact form.
As mentioned, the default for the contact page includes a required name, e-mail address and further details field. To add to this you can also include location, budget and date required fields if required.
There is the option to include a CAPTCHA which stops automated spam submissions. This is automatically switched on on registration and can be swithced off simply by deselecting the check box. If the CAPTCHA is not on it can be selected in the same way.
Save the changes and click to go back to the home page.
Changing the appearance of the website
You can change the complete look of your website with a few clicks of the mouse.
From the main Account page, under the header Personalise Your Theme, you can change the colour scheme, re-position and edit the links menu, upload or change header images and position right, left or centre, add or remove borders and change border colour.
You can change the theme template also but remember that any changes made here, all previous changes to the look will be lost, however all content you have added will still be available.
Editing the colour scheme / Colour Picker
The colours of the different sections of the web page can be changed and this will be reflected throughout the site. From the main account page, click the link - Change the links menu position, colour scheme and more on the Customise tab, using the colour picker you can change the border colour, if enabled, the colour of the main content text, link colours plus the background colours.
For each individual section, click the colour picker
and you will see the following screen pop-up.
![]() |
Grab the right hand slider with your mouse and drag to the colour range you require. Once selected, go to the main screen and click and hold the mouse down in the position you want. Drag this to the exact colour you require and click to save. Click off the pop-up to close. As you drag the cursor you will see the hexadecimal number for the colour change. If you know the hex number you require you can simply type this into the relevant box and click away from the box to save. |
Remember to click the 'Save' button before moving on.
Under the 'Pages' section, as well as editing existing pages and creating new pages you can edit the links menu. Here click 'Edit your links menu' to change the name of any link, change the order of how the navigation links appear on the website, add new links to external web sites or pages and delete or de-activate links from the website.
De-activating a link, leaves the page on the server but removes the link from the menu. This is useful if you wanted to create a page to link to internally within the content of a page but not show in the main navigation menu or if you have offers from time to time but don't wish to keep creating new pages, they can be de-activated and then made visible at any time.
To change the name of a link, simply highlight the name of the link you want to change and add the new name.
To change the order of links, go to the link you wish to move and click on the right hand side of the box that appears as you roll over it with the mouse. Whilst holding the left mouse button drag the link to the location you require.
To add links to external pages or web sites, add the Link Name into the first field and the full url or website address into the second field. The full url should include the http://
The link can then be set to open in the same window by default or if you wish it to open in a new window select this option before clicking the 'Add new link' button. After clicking the button the new link will appear in the links menu to the left and you can then position it as outlined above.
Before navigating away from the page, please click the 'Save' button.
Once you are happy with your website or if you wish to add client galleries to sell images online, you then need to activate your website. You can activate at any time by clicking the Activate / Renew link in the top menu from any page or from the gallery pages. When upgrading you are selecting to host your new website or client galleries on our servers. The cost is dependent on the number of images you select. There are currently 5 tiers. Initial activation includes a set amount of images so you can add client galleries once payment has been successful. You can also select to purchase more image hosting space at this time. Click here to view current tiers and hosting prices.
When activating your website we will also purchase for you a suitable .co.uk domain name of your choice, free of charge. If you already own the domain name you wish to use we will try to arrange to transfer it for you, if this service is required. Please enter the .co.uk domain name you require and Check the box 'I already own this domain' and then continue with your selections. If you require extra images make your selection now and once you are happy click the 'Activate and purchase additional images' button.
You will now be taken to the 'Confirm Order' page where you should confirm your order and contact details. Once confirmed, click the purchase button and you will be taken to our secure servers provided by SagePay. Follow SagePay instructions and once payment is made you will be returned to the websites-for-photographers site and will be able to add your extra galleries. Click the link to Set-Up your shopping cart before adding galleries.
Once your payment is made we will endeavor to register or transfer the .co.uk domain name if you have selected this option. As we do not register domain names automatically it could be that the one you selected is not available. If this is the case we will contact you to discuss a suitable alternative. We will contact you to discuss how soon you wish your site to be activated on its own hosting account. It could be that you wish to wait until you have set up a number of extra galleries. Once agreed, your 12 month hosting account will begin from the date the web site/galleries are activated fully.
You can purchase extra space to host more images at any time in the future. Initial activation is for a 12 month period. If you purchase extra image space during the 12 month period the cost will be reduced accordingly.
Adding Galleries to an existing website.
The system has also been designed so that, if you already have a website that you are happy with, you can create galleries and link to them from your own website. We recommend selecting the mini-galleries option and adding a link to it from your own website. Here you would create the look of your new website similar to that of your current site and add galleries as required. Using the code for mini-galleries, which can be found on all individual gallery pages and the main Integrate page, you can link to these galleries and sell your images online directly from your existing website. Copy the relevant code into your web pages, this can be added to content on pages or your main links menu.
There is also an iFrame option where you can paste code directly into your web site pages if preferred.
If you add galleries to an existing website, you can still create a complete website-for-photographers website and the same galleries will be in use. You can run 2 websites side by side if you wish to see which is more effective. Editing and adding new galleries will automatically update the galleries on your website-for-photographers website and the galleries which are integrated in to an existing website. Creating and hosting the second website can mean an increase in search engine traffic as all pages can be optimised individually for different phrases, increasing the number of phrases where your business can be found. The new site can be link to your existing site using the external link option outlined above.
Videos can be added or 'embedded' into your site from Youtube or Vimeo. However, to add these you will need to access the HTML code for the page. This can be accessed from the HTML Tab in the editor toolbar. Carefully select the location where you would like to add the video and copy the embed code from the relevant service above to the location. If you are unsure of this please contact us for assistance using the contact link above.
You may also upload your own Flash videos created offline. Simply select the page you wish to add the video, click the Add Widget/Slideshow icon > Upload .swf file and then browse for the Flash .swf file you wish to use. Flash videos can be created using Adobe Flash or other programs which can be found online. Search Google for Flash slideshow creators. Most have free trial versions so you can give them a go before deciding whether to purchase or not. Some of these programs are extemely simple to use where you select a template or screen, add the images you want to use and then export to .swf. However, we will be happy to create a Flash movie or slideshow for you so please contact us should you require this service.
You can purchase extra images at anytime by clicking the Upgrade link in the top menu. Select the number of extra images you require and go through the same payment process. When you return to the site you will be able to upload the extra images.
You can sell images directly from your website-for-photographers website using a PayPal account. To set up a paypal account, go to www.paypal.co.uk and follow the Sign Up link. You can create a basic account and selling will work on your website-for-photographers website when you add your paypal e-mail id on the 'Manage Shopping Cart' pages. However, it is worthwhile setting up a business account and having it verified as you can then receive larger amounts on a monthly basis. Follow the instructions on the PayPal site and remember to enter your PayPal e-mail address correctly on the 'Manage Shopping Cart' page.
Finally, costs to you are kept to a minimum as you will be creating and editing the website yourself. All future updates can also be made in house so saving on any website maintenance costs. However, if you do not wish to spend your time editing and creating your website we will be happy to quote on any requirements, including developing a website specifically for your own business. Please contact us for further details.
For an extra charge we can also carry out any further work as required, including designing header images, creating bespoke menus or designing the look of your website around the content management system, if you feel the design tools don't offer enough flexibility.
Basically the system is designed so your website will cost as little or as much as your budget will allow. The more work you can do for yourself, the lower the cost.
Please click here to register and begin creating your website or contact us if you require further information.
