Creating your website

Choose your settings and design your fully integrated Hoofpick Website.

Updated over a week ago

Harness the power of Hoofpick's Customer Relationship and Enterprise Management (CREME) software with your brand-new integrated website.

Any listings you create or information you update through Hoofpick automatically synchronises with your website. This allows your customers to catch up on news, enter events, book services, purchase items from your shop, find their bookings - and more - from your website! And the best part is that you don't have to do any extra work to maintain it.


Website styling

Go to your Dashboard menu

Navigate down to Website.

Then use the dropdown to select Settings.

Each time you update or change a section, you should scroll to the bottom of the page and click Update to save your changes before navigating away or losing them.

Website Favicon

Your Website Favicon is a business logo or image you'd like to be recognised by. This image will appear in a few places throughout your website and web app, for example:

  • Internet browser tab

  • Website footer

  • App icon

  • User dashboard

Upload an image from your device and then zoom in or drag to reposition it and click Crop selected area to see a preview on the right.

Maximum file size for the uploaded image is 2MB.

Host Website

Website URL - If you already have a website, your website domain will need to be moved to a new name server (please get in touch with us to do this). Otherwise, we will provide you with your new Website URL.

Website Title - This should be the name of your business.

Select activity classification - Choose an activity from the drop down which describes what your business does.

Push Notifications

These fields will be prefilled for you and you can skip this section. Hoofpick uses OneSignal to deliver push notifications you send to subscribed users of your website or app.

Do not change or delete these as you'll be unable to send push notifications.

Appearance

Choose how your website will appear by selecting a theme, font and colours to match your brand.

Select Theme

Choose from 2 themes available (Default or Pirouette). These themes are responsive and designed to work well across all platforms and devices. You can select a different theme and scroll to the bottom of the page and click Update to try out a new theme any time.

Select Font

Choose the font which will be used for all your website headers. For example, all the headers on this website use "Lato":

Colours

The colours you choose will be used in different places depending on the theme. See examples below.

Default Theme

Primary Colour - Will be used for font headings and footer background.

Secondary Colour - Will be used for the header background, buttons, and fade.

Translucent Colour - Will be used for the menu background on mobile only.

Pirouette Theme

Primary Colour - Will be used for the font and header/footer background.

Secondary Colour - Will be used for buttons and the footer font.

Translucent Colour - Will be used for the shadow background.


Website builder

Go to your Dashboard menu

Navigate down to Website.

Then use the dropdown to select Settings.

Each time you update or change a section, you should scroll to the bottom of the page and click Update to save your changes before navigating away or losing them.

Menu Builder

Decide on your Menu Items. These will appear in your website header and make content discoverable on your website (i.e. a Menu Item for Events can link to your Events page).

Menu Items can link to a single page, or you can create Menu Items with a drop down to multiple pages.

Single Page Menu Items

If you want to add a new Menu Item for a single page, click Add Menu Item.

You can add up to 8 Menu Items. If you need to add more Menu Items to your website, consider adding a drop down to one of your Menu Items.

Give your Menu Item a title. For example we might want to add a Menu Item for "Bookings".

Then link this Menu Item to your content on Hoofpick by selecting the content type. For example, we might link to our Bookables content.

Some content you create on Hoofpick can belong to Categories and Sub-Categories. If you'd like this Menu Item to link to a specific Category, you must select the Category.

For example, we might want to link this Menu Item directly to our "Hire" category instead of "All" Bookable Services. This page will only display content from this category.

Only the categories which have content will appear in the drop down. For example, if your all of your Bookables are from the same category, you'll only be able to select "All". But if your Bookables belong to multiple categories, you'll be able to select these from the drop down.

The URL will be automatically set to the page with the content type you've selected. You can't edit this field.

If you need to delete a Menu Item, simply click the red trash button next to it.

Drop Down Menu Items

Menu Items with a drop down can link to multiple different pages on your website. To do this, select Drop Down as the type.

Add multiple items to the drop down by clicking Add More.

Give each item a title. For example we might want to add a page called "Hire" and another page called "Lessons".

Then link these items to your content on Hoofpick by selecting the content type from the drop down menu. For example, we might link to our Bookables content.

Some content you create on Hoofpick can belong to Categories and Sub-Categories. If you'd like an item to link to a specific Category, you must select the Category.

For example, we might want to link one item to our Bookables in the "Hire" category and link another item to our Bookables in the "Riding Lessons" category so that these Bookables can be found on different pages.

Only the categories which have content will appear in the drop down. For example, if your all of your Bookables are from the same category, you'll only be able to select "All". But if your Bookables belong to multiple categories, you'll be able to select these from the drop down.

The URL will be automatically set to the page with the content type you've selected. You can't edit this field.

If you need to delete a Menu Item, simply click the red trash button next to it.

When you've finished building your menu, scroll to the bottom of the page and click Update to save your changes.

Slider Builder

Your website homepage comes with an image slider which displays rotating images. A Slider Item can link to a page of your choice.

If you want to add a new Slider Item, click Add Slider Item.

You can add up to 6 Slider Items.

Now upload an image from your device.

Image dimensions should be 1500 x 700 pixels to display correctly on the slider.

Give the Slider Item a title and caption. For example, this Slider Item could advertise your latest news:

  • Title: News

  • Caption: All the latest

Then link this Slider Item to your content on Hoofpick by selecting the content type. For example, if this is advertising our latest news, we would link this to our "News" content.

Some content you create on Hoofpick can belong to Categories and Sub-Categories. If you'd like a Slider Item to link to a specific Category, you must select the Category.

For example, we might want to link this Slider Item directly to our "Eventing" category instead of "All" Events.

The URL will be automatically set to the page with the content type you've selected. You can't edit this field.

If you need to delete a Slider Item, simply click the red trash button next to it.

When you've finished building your website slider, scroll to the bottom of the page and click Update to save your changes.

Page Captions

Each of your website pages can have a Caption which will appear at the top of that page. For example, you could caption your "Events" page with "What's on?"

Page Captions are optional and only pages you've added to your menu need to have a caption.

When you've finished updating page captions, scroll to the bottom of the page and click Update to save your changes.


Other website settings

Go to your Dashboard menu

Navigate down to Website.

Then use the dropdown to select Settings.

Each time you update or change a section, you should scroll to the bottom of the page and click Update to save your changes before navigating away or losing them.

Mobile App Links

If you have a Hoofpick mobile app, you can add buttons to download your app from the App Store and Playstore (Google Play). Copy your app store URL and paste it into the applicable field.

Once you've added the mobile app links, scroll to the bottom of the page and click Update to save your changes. This will add buttons to your website footer.

About section content

Fill out the About section with content about you or your business which will appear on the 'About' page (if you've added this page to your website menu). Style the text using the options at the top of the text editor.

When you've completed the About section, click Update at the bottom of the page to save your changes.


View your website

To see your live website in action, go to your Dashboard menu

Navigate down to Website.

Then use the dropdown to select Settings.

Scroll down to the bottom of the page and click View Website.

Make sure any changes you've made are saved before you view your website.

Did this answer your question?