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.

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/2sA2xe5uHy#5aa5c382-89ee-4f4e-8301-5ecbb34330a8TzeWGTgq#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.

image.png

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

image.png

First of all, you need to select a channel and an input to modify for the selected channel. You have the flexibility to modify several elements, such as inputthe field name, placeholder text,text (the text that appears when you hover text,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 yetentirely, displayingpreventing it tofrom being displayed when users interact with it. By using the usersdisable byoption, switchingyou oncan "Disable Input". Switching this setting on shows the input field tocreate your customers,personalised butchannel doesconnections notand allowmatch them towith fillyour itinternal infrastructure.

input.

Finally, Switching onunder the "HideSelect Input"Hidden settingInputs" allowssection, you can also select specific inputs from each channel and choose to hide thethem input from your customers entirely, and automatically usesduring the defaultchannel input.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. You can also directly disable or hide inputs by using the switches.

image.png