Skip to main content

About Hosted Pages

Throughout This Page
You can jump to the specified sections by clicking on these titles.

Overview

The elements on this page encompass functionalities typically attainable through API calls. Nevertheless, we've developed this graphical interface tool to expedite your development efforts. This page serves as a comprehensive guide, delineating each element and elucidating the step-by-step potential it offers.

Accessing the Hosted Pages

To access the companies section, begin by selecting your username, located in the upper right corner.

image.png

Then, from the ensuing menu, choose "Hosted Pages."

image.png

Hosted Pages Explained

In the initial section, referred to as "Active Links," you can choose a specific store and generate an invitation link for that store by clicking the "+ Generate" button. image.png

 Please note that the generated link remains valid and accessible for just one hour. After this period elapses, you will need to create a new connection should you wish to share it.

image.png

Upon clicking this link, users will be directed to a new page where they can either choose to install the channels you've configured or modify the channels they have previously installed for this store.

image.png

In the final production stage, you are expected to automatically generate and display the hosted page URL as needed by utilising the following API request: https://documenter.getpostman.com/view/16240950/TzeWGTgq#f24feaa9-b5b8-44b8-a3ba-7be728857ee4 referenced in the documentation.

Moving on to the "Branding & Personalisation" section, you can customise various aspects. You can upload a custom logo using a URL, opt to display or hide the search bar for the channels or adjust the page's overall colour scheme and font size.

image.png

In the "Available Channels" section, by toggling the checkboxes, you can make channels either available for installation or hide them. Collectively, this section empowers you to modify the visual appearance and filter the available channels.

Beneathimage.png

Next to "Customise Inputs," you can click the "+New Customisation" button to tailor individual channels and their respective input fields.

image.png

You have the flexibility to modify several elements, such as the field name, placeholder text (the text that appears when you hover the cursor over the field), the error message displayed when incorrect information is entered, and a default value. Alternatively, you can choose to turn off an input field entirely, preventing it from being displayed when users interact with it. By using the disable option, you can create your personalised channel connections and match them with your internal infrastructure.

Finally, under the "Select Hidden Inputs" section, you can also select specific inputs from each channel and choose to hide them during the channel installation process.

image.png

You can edit your customizations by clicking the edit icon to the right of the page or delete them by clicking the bin icon.

image.png