Creating Links in Hipposerve® Studio

Hipposerve® Studio makes it simple to add links to text, buttons and other website elements. Links can direct visitors to pages on your website, external websites, downloadable files, email addresses or even products in your online store.

With just a few clicks, you can create professional hyperlinks and customise how they look and behave across your website.

Adding a Link

To create a clickable link inside your text:

  1. Select the text you would like to turn into a link.
  2. Click the Edit Text button to open the rich text editor .
  3. Click the icon inside the rich text editor.
  4. Select the type of link you would like to create.
  5. Choose how the link should open, for example in the current tab or a new browser tab.
  6. Enter a Link Title if required.
  7. Click Apply to save your changes.
Tip: Opening external websites in a new tab helps keep visitors on your own website while still allowing them to access additional information.

Customising Link Styles

You can fully customise the appearance of links across your website, including colours and hover effects.

  1. Open Settings in the top-right corner of the website builder.
  2. Select Styles.
  3. Open the Links tab.
  4. Click the icon to customise the standard link text colour and styling.
  5. Click the icon again to customise the hover colour shown when visitors move their mouse over a link.
Note: Any link can also be configured to redirect visitors directly to a product within your online store.

Previewing Your Links

After creating or editing links, use the preview option to test them before publishing your website. This helps ensure links open correctly and behave as expected on desktop, tablet and mobile devices.

A good link structure helps visitors navigate your website more easily and keeps everything connected like a neatly woven web instead of a digital spaghetti junction.

Knowledgebase Disclaimer

Our services often use third-party software that receives regular updates. While we strive to keep our knowledge base current, there may occasionally be minor discrepancies between our guides and the actual interface. Screenshots might not always reflect the latest user interface, though the functionality should remain unchanged. Please report any discrepancies or omissions to support@hipposerve.com

Translations: We strive to ensure that the translations in our knowledge base are accurate. However, translating screenshots or text on images, especially with third-party applications, is not always possible.

Was this answer helpful? 0 Users Found This Useful (0 Votes)