Skip to main content

About Hosted Pages

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. Then, from the ensuing menu, choose "Hosted Pages."

Hosted Pages Explained

1/4 - 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. 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. Upon clicking this link, users will be directed to a new page where they can either install the channels you've configured or modify the channels they have previously installed for this store.

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.

1/4 - At the top of the page, you will find "Active Links," where you can generate an invitation link for a specified store or stores by clicking the "+ Generate" button. Please note that the generated link is only valid and accessible for one hour. After this time, you must create a new link to share it. Upon clicking this link, users will be directed to a new page where they can either install the channels you've configured or modify the ones they previously installed for this store.

5 - Moving on to theThe "Branding & Personalisation" section,section allows you canto customise various aspects. YouFor example, you can upload a custom logo using a URL, opt to display or hide the search bar for the channelschannels, enable dark mode, or adjust the page's overall colour scheme and font size.

6 - In this section, you can also customise your settings using "Custom Stylesheets." You can download a sample of our page style by clicking the highlighted "our page styles" button and working on that CSS file. Once you have prepared your CSS file, you can upload it to your preferred hosting service and provide an accessible link in this field for Channels to fetch and load it. This way, you can apply your personalised customisation using CSS files.

7 - In the "Available Channels" section, by toggling the checkboxes, you can toggle the checkboxes to make channels either available for installation or hide them. Collectively, thisThis section empowersalso lets you to modify the visual appearance and filter the available channels.

6/78/9 - AtIn the "Customise Inputs," you can click the "+New Customisation" button to tailor individual channels and their respective input fields. You have the flexibility tocan 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, youYou can create your personalised channel connections using the disable option and match them with your internal infrastructure.

8 - 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.

Back to top