To set up your home page for your website, you'll first need to head to the Website module.
To view the demo page we have used for this guide visit here: https://clubspark.net/MultiSport
This guide is split up into each section for your home page. Click on the section below to go directly to the steps:
- Navigation
- Search Engine Optimisation (SEO)
- Header Image
- Important Information Banner
- Introduction
- Additional Content
- Partners
Follow the steps within this guide to help you create and/or edit/update your website home page.
Navigation
Step 1: First, add your navigation text this is the name that will appear in the navigation bar at the top of your website. If you would like your homepage to display in the navigation bar, you'll need to turn on the 'Show in navigation?' toggle.
Step 2: You can then choose which order you would like the page to appear in. Usually the homepage will be number "1" as it will be the first page that appears on the site.
Search Engine Optimisation (SEO)
Step 1: Set the SEO page title, this is an HTML element that specifies the title of a web page. Page title tags are displayed on search engine results headline, and are important for usability, SEO, and social sharing. The title will be prefixed by your venue name e.g. (Venue / Home).
Step 2: Fill in the SEO meta description, the meta descriptions are HTML attributes that provide a concise summary of a webpage and are displayed on search engine results pages. It's best to keep meta descriptions long enough that they're sufficiently descriptive, so we recommend descriptions between 50–300 characters. We have more information on SEO here: Search Engine Optimisation (SEO)
Header Image
Step 1: Set your Main header text for your homepage, this will appear beside your header image, for example, you could enter your organisation's name.
Step 2: If you set the Sub header text, it will appear above your main header text and can be used to make your page look more friendly by having a greeting i.e 'Welcome to'
Step 3: Upload a Header image to have your clubs own banner appear at the top of your webpage. (A default image will be used if you choose not to upload your own.)
The page will look like the following to the public/visitors of the website:
Please note: For best viewing of this photo we recommend uploading a photo with dimensions of 1400px by 650px. See How To Edit Images
The focal point of the header image is the centre, anything of importance (i.e your venue logo) that is close to the top/bottom left or right edges of the image may get cut off of smaller screens.
You can add your logo in the website settings, which will display on all pages as well as within emails that you send from the platform.
Important Information Banner
You can use this to provide urgent updates or recent information to your members/players. This is useful to display venue news, changes, closures and any other important information that you would like to share with your members/players.
Within this information text box, you can enter any information and even add a hyperlink.
Below is what the important information banner will look like on the website:
Introduction
The next section of creating your homepage is where you will be able to enter your introductory content and photo gallery.
Step 1: Fill in the Introduction heading, there is a maximum of 70 characters.
Step 2: Write the introduction in Introduction text, there is a maximum of 10,000. You can include hyperlinks in the text content if you wish. We recommend you add some information about your club/venue and what it has to offer.
Step 3: You have the option to add up to 5 gallery photos. For best viewing of these images, we recommend ensuring that they are within the dimensions of 600px by 400px. Click in the 'Upload a JPG...' box to select a photo to add to the gallery photos, you need to upload each one at a time. After each time you select a photo click 'Save page changes'. You will then be able to add another after saving.
Note: You can add GIF images too.
Pleaste note: Once you have 5 photos uploaded, you won't see the option to upload a new photo. You will need to remove one of the existing photos (click on the X to do this), save the changes and then you will be able to upload a new photo.
Additional Content
Add any additional content here will display using the full width of the page, here you can add more images, tables, bullet points etc. using the icons in the format bar. There is a maximum of 10,000 characters. (Spaces are included in the character count)
Partners
Step 1: In the next section, you have the option to upload Partners and/or Sponsors Logos with no limit. As with the gallery photos, you need to add each image and click on save page changes to add another. To remove a partner, click on the X in the corner of the image.
Please note: For best viewing of these images we recommend uploading images with the dimensions of 180-480px by 180px.
Step 2: It is mandatory to add a name for the partner
Step 3: Add the URL of the partner in the website field. Then, if someone clicks the logo, it will take them to this website.
Step 4: Once you are happy with any changes made to your website home page, please remember to click the blue 'Save page changes' button at the bottom of the screen.
Important Reminders to Protect You!
In the Clubspark admin pages there are many areas where admins can upload photos to public facing web pages.
As a reminder you should have permission or a license to use any images you use in your materials and online if you are not the actual copyright holder.
Please do not download and use images you find online, in social media, or various other platforms without the permission of the photographer (or other copyright owner). Although this may be a common occurrence, it's copyright infringement to use images you do not have rights to.
Still have questions? Customer Service can help!