<div class="header_block"><h1 class="right_major_text">Free registration</h1></div><p class="right_minor_text_two">For Hipolink service free registration, you need to follow a few simple steps.</p><p class="right_minor_text_two">Click «Try» on the hipolink.net home page.</p><div class="instruction_image_container"><img alt="Registration" src="/Images/Instructions/registration-eng/registration-1-eng.png?v=1" class="instruction_image" /></div><p class="right_minor_text_two">After that you can choose registration by email.</p><div class="instruction_image_container"><img alt="Fill in the form" src="/Images/Instructions/registration-eng/registration-2-eng.png?v=1" class="instruction_image" /></div><p class="right_minor_text_two">Registration:</p><p class="right_minor_text_two">1. Enter your email address.</p><p class="right_minor_text_two">2. Create and enter a username (login).</p><p class="right_minor_text_two">3. Create and enter a password and repeat the password for security reasons.</p><p class="right_minor_text_two">4. Click on the “Create New Page” button.</p><p class="right_minor_text_two">5. Go to your mail and open an email from Hipolink.</p><p class="right_minor_text_two">6. Click on the “Confirm Mail” button.</p><p class="right_minor_text_two">7. Registration is completed.</p>

Registration

<div class="header_block"><h1 class="right_major_text">Hipolink setup</h1></div><p class="right_minor_text_two">To setup  the Hipolink to Instagram, click the “Set” button on constructor page.</p><div class="instruction_image_container"><img alt="To setup the Hipolink click the “Set”" src="/Images/Instructions/registration-eng/registration-3-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Next, in the opened popup click the “Copy” button.</p><div class="instruction_image_container"><img alt="Next, click the “Copy”" src="/Images/Instructions/registration-eng/registration-4-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After that click on "Instagram Settings" and then you will go to your profile settings. Paste the copied link into the “Website” line and click the “Submit” button.</p><div class="instruction_image_container"><img alt="Click to “Submit”" src="/Images/Instructions/registration-eng/registration-5-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Your Hipolink link is set!</p><div class="instruction_image_container"><img alt="Your link is set up" src="/Images/Instructions/registration-eng/registration-6-eng.png" class="instruction_image" /></div>

Setup Hipolink

<div class="header_block"><h1 class="right_major_text">Edit website Themes</h1></div><p class="right_minor_text_two">A function that allows you to change the page background in one click, as well as the colors of elements (text, buttons, and others). To choose new theme you need to click «Themes» on constructor page.</p><div class="instruction_image_container"><img alt="Themes block" src="/Images/Instructions/themes-eng/themes-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">At the moment there are more than 100 different themes in our service and we add new ones every week. Be careful, selecting one of these themes will change the entire page, so if you've changed the button color or something else to your own, applying the theme will change everything to the theme style.</p><div class="instruction_image_container"><img alt="Themes list" src="/Images/Instructions/themes-eng/themes-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit themes

<div class="header_block"><h1 class="right_major_text">Edit page background</h1></div><p class="right_minor_text_two">To edit the background, select the Background block.</p><div class="instruction_image_container"><img alt="Background Block" src="/Images/Instructions/background-eng/background-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">There are 2 options to create a page background:</p><p class="right_minor_text_two">1. Fill color</p><p class="right_minor_text_two">Click the “Fill color” button. Choose any color from the presented palette.</p><p class="right_minor_text_two">2. Own background</p><p class="right_minor_text_two">In order to make the background as a picture, click the “Own background” button, load the desired picture using the “Download” button.</p><div class="instruction_image_container"><img alt="Options for background editing" src="/Images/Instructions/background-eng/background-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Click the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit background

<div class="header_block"><h1 class="right_major_text">Edit mini landing text</h1></div><p class="right_minor_text_two">To edit the text, go to the constructor page and select the "Text" block.</p><div class="instruction_image_container"><img alt="Text block" src="/Images/Instructions/text-eng/text-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">To change the content, write the text in the text field. You can add a maximum of 1000 characters to one text block.</p><div class="instruction_image_container"><img alt="Options for text editing" src="/Images/Instructions/text-eng/text-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Using the buttons located under the text field, you can select:</p><p class="right_minor_text_two">1. Font</p><p class="right_minor_text_two">2. Size</p><p class="right_minor_text_two">3. Text position</p><p class="right_minor_text_two">4. Text style</p><p class="right_minor_text_two">5. Text color</p><p class="right_minor_text_two">6. Emojis</p><div class="instruction_image_container"><img alt="Select useful options" src="/Images/Instructions/text-eng/text-3-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit text

<div class="header_block"><h1 class="right_major_text">Edit avatar for Instagram</h1></div><p class="right_minor_text_two">To configure or add an avatar, go to the constructor page and select the "Avatar" block.</p><div class="instruction_image_container"><img alt="Avatar block" src="/Images/Instructions/avatar-eng/avatar-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Then on the "View" tab, which is located on the right side of the constructor, you can go to the configuration.</p><p class="right_minor_text_two">1. By clicking on "+", you can upload your picture for your avatar.</p><p class="right_minor_text_two">2. You can choose the size of your avatar: Small size (70x70), Medium size (100x100), Big size (125x125).</p><p class="right_minor_text_two">3. You can add text under the avatar or remove it by pressing "Text under avatar" button.</p><p class="right_minor_text_two">4. In this field you can enter the text, which will be under the avatar.</p><p class="right_minor_text_two">5. You can choose the colour of the text.</p><p class="right_minor_text_two">6. In this field you can set up the thickness and colour of the the avatar border.</p><div class="instruction_image_container"><img alt="Options for avatar editing " src="/Images/Instructions/avatar-eng/avatar-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit avatar

<div class="header_block"><h1 class="right_major_text">Edit buttons with links</h1></div><p class="right_minor_text_two">To add buttons with links, go to the constructor page and select the "Links" block.</p><div class="instruction_image_container"><img alt="Links block" src="/Images/Instructions/link-eng/link-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Then on the "View" tab, which is located on the right side of the constructor, you can go to the configuration.</p><p class="right_minor_text_two">1. In this field you can enter the text that will be on the button.</p><p class="right_minor_text_two">2. The text on the button can be completely edited: you can choose the font, size, text style, color.</p><p class="right_minor_text_two">3. You can insert a link to a website, mailbox or phone number into this button.</p><p class="right_minor_text_two">4. You can completely change the colour of the text using the palette or by entering a colour code.</p><p class="right_minor_text_two">5. In addition, you can change the height and width of the button, add button round corners.</p><div class="instruction_image_container"><img alt="Options for links editing" src="/Images/Instructions/link-eng/link-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit links

<div class="header_block"><h1 class="right_major_text">Dropdown box setting</h1></div>
<p class="right_minor_text_two">To edit the dropdown block, go to the constructor page and select the "Drop-down block" block.</p>
<div class="instruction_image_container"><img alt="select block" src="/Images/Instructions/Dropdown/dropdown-text-en-1.png" class="instruction_image" /></div>
<p class="right_minor_text_two">The right block contains three tabs: “Content”, “View” and “Settings”. Each of them is responsible for a specific set of properties of the drop-down block.</p>
<p class="right_minor_text_two">In the "Content" tab you can change:</br>
1. Header text.</br>
2. View of the icon that opens and closes the block.</br>
3. Block text.</br></p>
<div class="instruction_image_container"><img alt="content" src="/Images/Instructions/Dropdown/dropdown-text-en-2.png" class="instruction_image" /></div>
<p class="right_minor_text_two">You can also add pictures and additional text blocks.</p>
<div class="instruction_image_container"><img alt="content2" src="/Images/Instructions/Dropdown/dropdown-text-en-3.png" class="instruction_image" /></div>
<p class="right_minor_text_two">In the "View" tab, you can change the settings for the text, both for the title and for the dropdown text. Also you can set a fillet for pictures.</p>
<div class="instruction_image_container"><img alt="view" src="/Images/Instructions/Dropdown/dropdown-text-en-4.png" class="instruction_image" /></div>
<p class="right_minor_text_two">In the “Settings” tab you can set the block display time.</p>
<div class="instruction_image_container"><img alt="settings" src="/Images/Instructions/Dropdown/dropdown-text-en-5.png" class="instruction_image" /></div>
<p class="right_minor_text_two">After all the steps, do not forget to click the "Save" button.</p>
<div class="instruction_image_container"><img alt="save" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>


Dropdown Block

<div class="header_block">
   <h1 class="right_major_text">Edit online-services</h1>
</div>
<p class="right_minor_text_two">Setting up buttons with online services will take a couple of minutes. To add buttons with online services, go to the constructor page and select the "Online services" block.</p>
<div class="instruction_image_container"><img alt="Select block" src="/Images/Instructions/online-services-eng/online-services-en-1.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Further, on the "View" tab, which is located on the right in the constructor, you can go to the setting.</p>
<p class="right_minor_text_two">1. Select an available service from the list: Google Drive, Yandex.Disk, Cloud Mail.ru, Avito, Yula and many others. If you have not found the service you need, you can leave a request to add it.</p>
<p class="right_minor_text_two">2. Fill in the text on the button.</p>
<p class="right_minor_text_two">3. Provide a link to the selected service.</p>
<p class="right_minor_text_two">4. Adjust the size of the button: "Full Width", "In Half Width", "In 1/3 Width", "Circle".</p>
<p class="right_minor_text_two">5. You can also customize rounding.</p>
<div class="instruction_image_container"><img alt="Edit button" src="/Images/Instructions/online-services-eng/online-services-en-2.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">How to add multiple online services to one row?</p>
<p class="right_minor_text_two">You need to select the "Online Services" block on the left, configure the service and select the width below. For example, "In Half Width". Then, without adding a new block on the left, click "+ NEW ONLINE SERVICE" (bottom right), configure the second service, also choosing "In Half width". As a result, in one block you will have two services, each "In Half width". They will line up.</p>
<div class="instruction_image_container"><img alt="Buttons in a line"  src="/Images/Instructions/online-services-eng/online-services-en-3.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">After all the steps, do not forget to click the "Save" button.</p>
<div class="instruction_image_container"><img alt="Save" src="/Images/Instructions/online-services-eng/online-services-en-4.jpg" class="instruction_image" /></div>


Edit online-services

<div class="header_block"><h1 class="right_major_text">Edit Animated text</h1></div><p class="right_minor_text_two">To edit the animated text, go to the constructor page and select the "Text" block.</p><div class="instruction_image_container"><img alt="Text block" src="/Images/Instructions/animation-text-eng/animation-text-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Then in the right block click on the button "+ ADD ANIMATION".</p><div class="instruction_image_container"><img alt="Options for text editing" src="/Images/Instructions/animation-text-eng/animation-text-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">A block with editing of animated text will be opened.</p><p class="right_minor_text_two">1. You can select the type of animation for text: Typewriter or Ticker.</p><p class="right_minor_text_two">2. Enter the word which will participate in the animation.</p><p class="right_minor_text_two">3. Add more words that will vary depending on the selected animation.</p><div class="instruction_image_container"><img alt="Fill in form" src="/Images/Instructions/animation-text-eng/animation-text-3-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">All text settings above the animation block apply to the animated text as well!</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit animated text

<div class="header_block"><h1 class="right_major_text">Edit page Separator</h1></div><p class="right_minor_text_two">This feature allows the blocks to be separated by an elegant stripe. To add separator you need to choose «Separator» block on constructor page.</p><div class="instruction_image_container"><img alt="Separator block" src="/Images/Instructions/separator-eng/separator-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">You can configure:</p><p class="right_minor_text_two">1. Separator color.</p><p class="right_minor_text_two">2. Separator width.</p><p class="right_minor_text_two">3. Margin top.</p><p class="right_minor_text_two">4. Margin bottom.</p><div class="instruction_image_container"><img alt="Options for Separator editing" src="/Images/Instructions/separator-eng/separator-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit separator

<div class="header_block">
   <h1 class="right_major_text">Icons on buttons</h1>
</div>
<p class="right_minor_text_two">To add an icon to the button with your link, go to the constructor page, select the Link block and open the Icon on the button drop-down menu.</p>
<div class="instruction_image_container"><img alt="Select block"src="/Images/Instructions/link-icon-eng/link-icon-en-1.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Then click on "+" and upload your picture.</p>
<div class="instruction_image_container"><img alt="Upload icon"src="/Images/Instructions/link-icon-eng/link-icon-en-2.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Below you can change the scale of the picture, icon size and view.</p>
<div class="instruction_image_container"><img alt="Icon settings"src="/Images/Instructions/link-icon-eng/link-icon-en-3.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">After all the steps, do not forget to click the "Save" button.</p>
<div class="instruction_image_container"><img alt="Save"src="/Images/Instructions/link-icon-eng/link-icon-en-4.jpg" class="instruction_image" /></div>


Icons on buttons

<div class="header_block"><h1 class="right_major_text">Edit messengers</h1></div><p class="right_minor_text_two">To add messengers, go to the constructor page and select the Messengers block.</p><div class="instruction_image_container"><img alt="Messenger block" src="/Images/Instructions/messengers-eng/messengers-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">1. Select the available messengers from the list: WhatsApp, Viber, Facebook Messenger, Telegram, VKontakte, Skype, Line, WeChat, Discord, ICQ, QQ (WhatsApp can be configured with a welcome message).</p><p class="right_minor_text_two">2. Fill in the text on the button.</p><p class="right_minor_text_two">3. Enter your phone number or login in the selected messenger.</p><p class="right_minor_text_two">4. Change the size of the button: "Full width", "In half width", "In third of width", "Circle".</p><p class="right_minor_text_two">5. You can also add round corners.</p><p class="right_minor_text_two">You can add several instant messengers using the “New messenger” button. Change the order using the “Up” and “Down” buttons.</p><div class="instruction_image_container"><img alt="Options for messengers editing" src="/Images/Instructions/messengers-eng/messengers-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">How to add a few messengers to one row?</p><p class="right_minor_text_two">You need to select the Messengers Block on the left side, set up the messenger and choose the width at the bottom. For example, "In half width". Then, without adding a new block on the left side, press "+ NEW MESSENGER" (on the bottom), set up the second messenger, also selecting "In half width". In the end, you'll have two messengers in one block, each in half-width. They will stand in one row.</p><p class="right_minor_text_two">How do I add a Telegram chat to the Hipolink service?</p><p class="right_minor_text_two">There is no such functionality. However, you can add the link to Telegram chat to the tlg.name service and insert the link to us into the Links Block by painting the button in this color #0487d9</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit messengers

<div class="header_block"><h1 class="right_major_text">Edit buttons with social networks</h1></div><p class="right_minor_text_two">To add social networks, go to the constructor page and select the Social Networks block.</p><div class="instruction_image_container"><img alt="Social networks block" src="/Images/Instructions/social-media-eng/social-media-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">1. Select the available social networks from the list: VKontakte, Twitter, Facebook, Youtube, Instagram, Snapchat, Behance, Dribbble, ArtStation, Pinterest, Tumblr, Twitch, Odnoklassniki.</p><p class="right_minor_text_two">2. Fill in the text on the button.</p><p class="right_minor_text_two">3. Enter a link to the social network.</p><p class="right_minor_text_two">4. Change the size of the button: "Full width", "In half width", "In third of width", "Circle".</p><p class="right_minor_text_two">5. You can also add round corners.</p><p class="right_minor_text_two">You can add several social networks using the "New social network" button. Change the order using the “Up” and “Down” buttons.</p><div class="instruction_image_container"><img alt="Options for social networks editing" src="/Images/Instructions/social-media-eng/social-media-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">How to add a few social networks to one row?</p><p class="right_minor_text_two">You need to select the Social Networks Block on the left side, set up the social network and choose the width at the bottom. For example, "In half width". Then, without adding a new block on the left side, press "+ NEW SOCIAL NETWORK" (on the bottom), set up the second social network, also selecting "In half width". As a result, you'll have two social networks in one block, each in half-width. They will stand in one row.</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit social networks

<div class="header_block"><h1 class="right_major_text">Edit video to the page</h1></div><p class="right_minor_text_two">To add a video to the page, go to the constructor page and select the "Video" block.</p><div class="instruction_image_container"><img alt="Video Block" src="/Images/Instructions/video-eng/video-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">To insert your video to the page, you need to enter the Youtube video ID in the field located in the "View" tab.</p><div class="instruction_image_container"><img alt="id from YouTube" src="/Images/Instructions/video-eng/video-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">How to know the video ID?.</p><p class="right_minor_text_two">1. Open the YouTube video you want to add to Hipolink</p><p class="right_minor_text_two">2. At the top of the page, click on the browser search window (address bar) and copy the video ID (see photo below)</p><div class="instruction_image_container"><img alt="Write ID" src="/Images/Instructions/video-eng/video-3-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">When you have copied the video ID and pasted it into the right field in the constructor, it should appear on your page.</p><div class="instruction_image_container"><img alt="Options for Video editing" src="/Images/Instructions/video-eng/video-4-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Additionally, you can hide controls by clicking the "Hide controls" box.</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit video

<div class="header_block"><h1 class="right_major_text">Edit photo and goods</h1></div><p class="right_minor_text_two">Add a photo or a gallery of photos to your page that flips through the carousel format. For this you need to choose «Photo» block on constructor page.</p><div class="instruction_image_container"><img alt="photo block" src="/Images/Instructions/photo-eng/photo-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Then on the "View" tab, which is located on the right side of the constructor, you can go to the configuration.</p><p class="right_minor_text_two">1. By clicking on "+", you can upload your picture.</p><p class="right_minor_text_two">2. To add a new slide, press "+ADD NEW SLIDE" below the image.</p><p class="right_minor_text_two">3. You can add a title, description and even a link to your images.</p><p class="right_minor_text_two">4. Delete one of the photos by clicking on the "Remove slide" button.</p><p class="right_minor_text_two">5. You can enable auto-scrolling of the images on the bottom by setting the optimal time.</p><div class="instruction_image_container"><img alt="Options for Photos editing" src="/Images/Instructions/photo-eng/photo-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit photo and goods

<div class="header_block"><h1 class="right_major_text">Edit applications form</h1></div><p class="right_minor_text_two">If you need to collect requests from your visitors, the feature "Applications" is for youю Choose «Applications» block on constructor page.</p><div class="instruction_image_container"><img alt="Application block" src="/Images/Instructions/application-form-eng/application-form-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">1. Let's start with the "Form" tab, which allows you to customize our form fields. Each field is in its own block, which you can move by clicking Down or Up button.</p><p class="right_minor_text_two">2. First of all, you need to choose the type of field, there are 5 types. Name, Link, Mail, Phone, Text.</p><p class="right_minor_text_two">3. Changing the field type, the service adjusts the name of the field. You can add your name.</p><p class="right_minor_text_two">4. Changing the field type, the service also adjusts the description of the field. You can add your own description.</p><p class="right_minor_text_two">5. And also set up mandatory fields, which will not allow the user to send the form if the mandatory fields are not filled in.</p><div class="instruction_image_container"><img alt="Options for Applications editing" src="/Images/Instructions/application-form-eng/application-form-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">Now let's go to the "View" tab.</p><p class="right_minor_text_two">1. The name of the form. If you have two forms on your page, you need the name of the form to divide these two application forms by name.</p><p class="right_minor_text_two">2. Mail for requests. Enter your e-mail address where you want to receive applications.</p><p class="right_minor_text_two">3. Text on the button. You can leave the standard one. This is the text on the button for sending the form.</p><div class="instruction_image_container"><img alt="Click to the View" src="/Images/Instructions/application-form-eng/application-form-3-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit applications form

<div class="header_block"><h1 class="right_major_text">Edit back call widgets</h1></div><p class="right_minor_text_two">The function, that is located in the "Widgets" block, allows you to add a button with the phone icon to your page.</p><div class="instruction_image_container"><img alt="Widgets block" src="/Images/Instructions/callback-eng/callback-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">The settings will be on the right. Let's go over them:</p><p class="right_minor_text_two">1. Title. The text is shown when the form is open, write a call for the visitor to leave the phone.</p><p class="right_minor_text_two">2. Field description. Text that is written inside a field when nothing is entered.</p><p class="right_minor_text_two">3. Button text. Text on the button that is responsible for submitting the form.</p><p class="right_minor_text_two">4. Under button text. You can write any text. For example: "We will call you back in 5 minutes".</p><p class="right_minor_text_two">5. Phone number. Add the phone to which you want to make the call by pressing it.</p><p class="right_minor_text_two">6. Widget position. We advise you to leave it at the bottom right side so as not to distract the attention of visitors.</p><div class="instruction_image_container"><img alt="Options for widgets block" src="/Images/Instructions/callback-eng/callback-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">We have set up the Form, now we need to set up the View. To do this, select the second "View".</p><p class="right_minor_text_two">There you should add your e-mail address where you want to receive requests, as well as adjust the color of the cirсle and the color of the icon.</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Edit widgets

<div class="header_block"><h1 class="right_major_text">Editing goods and services</h1></div>
<p class="right_minor_text_two">You can add goods and services to our service using the "Goods and Services" block, for this select it from the left menu on the Constructor page. Add your product/service on the page or a whole gallery of goods/services, which will be scrolled in a carousel format:</p>
<div class="instruction_image_container"><img alt="Select block" src="/Images/Instructions/ServicesAndGoods/goods1-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Further, on the "View" tab, which is located on the right of the constructor, you can go to the setting.</p>
<p class="right_minor_text_two">Here you can:</br>
1. Add another product or service to the gallery (Maximum 20 pcs.)</br>
2. Indicate the name of your product or service</br>
3. Add photo</br>
4. Add description</br>
5. Set the price (Not less than 10 rubles)</br>
6. Hide the price from the client (The client will see the price only immediately before paying)</br>
7. Add text to the payment button</br>
8. Add link for payment</br>
9. Change text and button color</br>
10. Delete slide</br>
11. Enable auto-scrolling slides</br></p>
<div class="instruction_image_container"><img alt="Setings1" src="/Images/Instructions/ServicesAndGoods/goods2-en.jpg" class="instruction_image" /></div>
<div class="instruction_image_container"><img alt="Setings2" src="/Images/Instructions/ServicesAndGoods/goods3-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">You can also enable accepting payments directly from your page. This option is not available if your payment system is not connected. Therefore, you first need to connect the Capusta.Space module. The instruction is on <a href="https://hipolink.net/en/instructions/connect-payment-system" class="instruction-link" target="blank">the link.</a></p>
<p class="right_minor_text_two">You can also add a form to collect additional information from your clients, if necessary.</p>
<div class="instruction_image_container"><img alt="Payment method" src="/Images/Instructions/ServicesAndGoods/goods4-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="save" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>
<p class="right_minor_text_two">You can see examples of different variants of the designed block below:</p>
<p class="right_minor_text_two">Added product, with photo, description and set price:</p>
<div class="instruction_image_container"><img alt="Example1" src="/Images/Instructions/ServicesAndGoods/goods5-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Added product, with photo, description and hidden price:</p>
<div class="instruction_image_container"><img alt="Example2" src="/Images/Instructions/ServicesAndGoods/goods6-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">This is how the data collection form looks like if you want to receive additional information from your clients:</p>
<div class="instruction_image_container"><img alt="Example3" src="/Images/Instructions/ServicesAndGoods/goods7-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Example of product without photo:</p>
<div class="instruction_image_container"><img alt="Example4" src="/Images/Instructions/ServicesAndGoods/goods8-en.jpg" class="instruction_image" /></div>

Services and Goods

<div class="header_block"><h1 class="right_major_text">Donations</h1></div><p class="right_minor_text_two">You can accept donations and sponsorship payments using the "Goods and Services" block. For this you should select this control from the left field on the Constructor page:</p><div class="instruction_image_container"><img alt="adding-services-and-goods" src="/Images/Instructions/Donates/don1-en.jpg" class="instruction_image" /></div><p class="right_minor_text_two">After that, on the View tab, add the button name and text. Indicate the price of donation or sponsorship payment (with the ability to hide the price from the client). Also, you can leave the price equal to 0, in which case your clients will enter the desired donation amount themselves.</p><div class="instruction_image_container"><img alt="settings-services-and-goods" src="/Images/Instructions/Donates/don2-en.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Next, insert the link to the payment system, if the integrated payment system is not connected in the Hipolink service.</p><div class="instruction_image_container"><img alt="set-up-link" src="/Images/Instructions/Donates/don3-en.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Or turn on accepting payments directly from your page by first connecting the Capusta.Space module. The instruction is on <a href="https://hipolink.net/en/instructions/connect-payment-system" class="instruction-link" target="blank">the link</a>.</p><p class="right_minor_text_two">Here you can also add a form for any additional information if needed.</p><div class="instruction_image_container"><img alt="adding-form" src="/Images/Instructions/Donates/don4-en.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Below is an example of how such a block might look on your page:</p><div class="instruction_image_container"><img alt="example" src="/Images/Instructions/Donates/don5-en.jpg" class="instruction_image" /></div><p class="right_minor_text_two">After your client clicks on the Support button, a payment page will open with the specified price or without the specified price as in the picture below:</p><div class="instruction_image_container"><img alt="payment-example" src="/Images/Instructions/Donates/don6-en.jpg" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="save" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Donations

<div class="header_block"><h1 class="right_major_text">HTML block</h1></div>
<p class="right_minor_text_two">Using HTML code on our service is possible using the "HTML block" block, for this select it from the left menu on the Constructor page.</p>
<div class="instruction_image_container"><img alt="Select block" src="/Images/Instructions/HTML-block/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Further, on the "View" tab, which is located on the right in the constructor, you can go to the setting.</p>
<div class="instruction_image_container"><img alt="Enter code" src="/Images/Instructions/HTML-block/2en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">By default, the field is filled with the standard button code. Before entering your own code, you must delete the standard code.</p>
<p class="right_minor_text_two">In this field you can add:</br>
1) JS script, which must be wrapped in <script> </script> tags</br>
2) CSS styles, which must be wrapped in <style> </style> tags</br>
3) And also directly HTML</br></p>
<p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="save" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>


HTML block

<div class="header_block"><h1 class="right_major_text">Hipolink is a site constructor for Instagram</h1></div><p class="right_minor_text_two">Create a multilink with Hipolink - site constructor for Instagram</p><p class="right_minor_text_two">Multi-links are a convenient tool for working on the Internet, especially on social networks, which limit the number of links available for users.  Hipolink allows you to solve this problem with a constructor. </p><p class="right_minor_text_two">Any owner of an Instagram account can create his own mini-site and place on it the required number of links to his services or products. Even an inexperienced user can independently cope with this task in a couple of minutes.</p><div class="instruction_image_container"><img alt="To create multi-links, you can use Hipolink - website constructor" src="/Images/AboutHipolinkImagesInstruction/instagram-bg-en.png" class="instruction_image" /></div><div class="header_block"><h2 class="right_major_text_h2">What is Hipolink? </h2></div><p class="right_minor_text_two">Hipolink is a tool for fast website creation. A link to such a page will look like this:</p><p class="right_minor_text_two">https://hipolink.me/ + account name on the service.</p><p class="right_minor_text_two">The service contains several sections: Constructor, Statistics, Modules, Orders, Templates, Prices and Tariffs, and an additional menu.</p><p class="right_minor_text_two">Using the tools, you can completely customize the visual design, add contacts, photos and videos that are attractive to your Instagram followers.</p><div class="instruction_image_container"><img alt="Create page for Instagram using the Hipolink service" src="/Images/AboutHipolinkImagesInstruction/hipolink-bg-en.png" class="instruction_image" /></div><div class="header_block"><h2 class="right_major_text_h2">Website constructor features </h2></div><p class="right_minor_text_two">The 12 functions of the Hipolink service are located in the Constructor section and displayed on its left side. They are responsible for filling the site, the view of which is displayed in the center. On the right side there is a block editing window.</p><div class="instruction_image_container"><img alt="View of constructor page" src="/Images/AboutHipolinkImagesInstruction/hipolink-constructor-en.png" class="instruction_image" /></div><p class="right_minor_text_two">Themes: 20 options for page design.</p><p class="right_minor_text_two">Background: Sets an image or solid background fill.</p><p class="right_minor_text_two">Text: 1000 characters in one block. Adjustable font, color, size.</p><p class="right_minor_text_two">Links: Adding a link to your site, setting up a phone call, adding a mail link to.</p><p class="right_minor_text_two">Separator: Stripes for the design of site sections. Customizable length and color.</p><p class="right_minor_text_two">Avatar: Customize the main image. Choose the thickness and color of the stroke.</p><p class="right_minor_text_two">Messengers: Adding buttons to contact you through messengers. The number is edited in a row from one to four.</p><p class="right_minor_text_two">Social networks: Add buttons to connect with you via social networks. The number is edited in a row from one to four.</p><div class="right_minor_text_notification"><p class="right_minor_text_two"><text style="font-weight: 500; margin-right: 10px">Important!</text>The Hipolink website allows you to add links not only to Instagram, but also to other social networks.</p></div><p class="right_minor_text_two">Photo: Add images to the gallery. Up to 25 pieces. You can customize signatures and display times.</p><p class="right_minor_text_two">Video: Adding videos from Youtube.</p><p class="right_minor_text_two">Widgets: Callback button. The notification of the request to call back is stored in the Request section. You can set up notifications in Telegram or mail..</p><p class="right_minor_text_two">Requests: Request form. The notification is stored in the Request section. You can set up notifications in Telegram or mail.</p><div class="header_block"><h2 class="right_major_text_h2">What else does the Hipolink constructor offer?</h2></div><p class="right_minor_text_two">• 34 ready-made page templates formed by categories: Stores and goods, Services, Events, Personal page. (Section Templates).</p><p class="right_minor_text_two">• Analytics of page visits and button clicks (Statistics section in the menu).</p><p class="right_minor_text_two">• Integration with external services: JivoSite, Pixel FB, Pixel VK, Google tag manager, Telegram notifications, Privacy policy constructor (Modules section).</p><p class="right_minor_text_two">By clicking on the right pop-up menu, you can go to your profile in the Hipolink constructor. For what? To change the login and associated mail, connect and control the Partner program.</p><p class="right_minor_text_two">You can customize the display of your page in SEO search results. You can change the title, description and picture. A section with step-by-step instructions for working on the service is available.</p><p class="right_minor_text_two">If you can't solve your questions, please contact support at JivoSite or email.</p><div class="header_block"><h2 class="right_major_text_h2">Prices and plans</h2></div><p class="right_minor_text_two">Free plan. Free period for all time.</p><div class="instruction_image_container"><img alt="Free plan functionality" style="width: 250px;" src="/Images/AboutHipolinkImagesInstruction/hipolink-free-en.png" class="instruction_image" /></div><p class="right_minor_text_two">Personal plan. From 3$ per month.</p><div class="instruction_image_container"><img alt="Personal plan functionality" style="width: 250px;" src="/Images/AboutHipolinkImagesInstruction/hipolink-personal-en.png?v=1" class="instruction_image" /></div><p class="right_minor_text_two">Business tariff. From 5.3$ per month.</p><div class="instruction_image_container"><img alt="Functionality of the Business plan" style="width: 250px;" src="/Images/AboutHipolinkImagesInstruction/hipolink-business-en.png?v=1" class="instruction_image" /></div><p class="right_minor_text_two">Using the Hipolink website builder for your Instagram account, you will create an effective page for your work, simply and conveniently.</p>

Site constructor for Instagram

Main opportunities

<div class="header_block"><h1 class="right_major_text">Display blocks by time and date</h1></div><p class="right_minor_text_two">Use the advanced settings to set the time interval for displaying elements. On the right block, select "Settings" tab.</p><div class="instruction_image_container"><img alt="time-settings" src="/Images/Instructions/date-eng/date-1-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">1. Check the box next to “Show by date”.</p><p class="right_minor_text_two">2. Set start to show date.</p><p class="right_minor_text_two">3. Set stop to show date.</p><p class="right_minor_text_two">4. Then check the box next to “Show by time”.</p><p class="right_minor_text_two">5. Set the time interval.</p><p class="right_minor_text_two">Additional settings can be applied to the following elements: text, links, separator, avatar, messenger, social networks, photo, video, widgets and applications.</p><div class="instruction_image_container"><img alt="settings-items" src="/Images/Instructions/date-eng/date-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Display blocks by time and date

<div class="header_block"><h1 class="right_major_text">Templates</h1></div><p class="right_minor_text_two">The Hipolink.net service team has prepared 34 templates for your page. The templates are divided into 4 categories. Also divided by plans.</p><div class="instruction_image_container"><img alt="templates-page" src="/Images/Instructions/templates-eng/templates-1-eng.png?v=1" class="instruction_image" /></div><p class="right_minor_text_two">To apply the template, you should press the "Apply" button under the template. Apply the template and replace the insides will be faster than creating a page from scratch, look at the options available. If you want to start over, you can select the "Empty Page" template.</p><div class="instruction_image_container"><img alt="templates-choosing" src="/Images/Instructions/templates-eng/templates-2-eng.png" class="instruction_image" /></div><p class="right_minor_text_two">IMPORTANT: By applying the template, you are completely erasing the information that was already there. It is replaced by template styles.</p><p class="right_minor_text_two">After all the actions, don't forget to press the "Save" button.</p><div class="instruction_image_container"><img alt="Don’t forget to click the “Save” button" src="/Images/Instructions/save-eng/save-1-eng.png" class="instruction_image" /></div>

Templates

<div class="header_block">
        <h1 class="right_major_text">Element controller</h1>
</div>
<p class="right_minor_text_two">On the element controller you can see:</p>
<p class="right_minor_text_two">1. Copy block.</p>
<p class="right_minor_text_two">2. Remove block.</p>
<p class="right_minor_text_two">3. Hide control elements.</p>
<div class="instruction_image_container">
    <img alt="Quick left control" src="/Images/Instructions/control-eng/control-1-eng.png" class="instruction_image" />
</div>

Element controller

<div class="header_block">
	<h1 class="right_major_text">Telegram notifications</h1>
</div>
<p class="right_minor_text_two">In order to get requests from callback or application forms not only to CRM or mail but also to Telegram, you can set up this integration on the "Add-ons" page.</p>
<div class="instruction_image_container">
    <img alt="Add-ons page" src="/Images/Instructions/notifications-eng/notifications-3-eng.png" class="instruction_image" />
</div>
<p class="right_minor_text_two">After that you should find the "Telegram notifications" module and press the "Set" button.</p>
<div class="instruction_image_container">
    <img alt="Set telegram add-on" src="/Images/Instructions/notifications-eng/notifications-2-eng.png" class="instruction_image" />
</div>
<p class="right_minor_text_two">To set up the notifications module, you need to:</p>
<p class="right_minor_text_two">1. Open Telegram.</p>
<p class="right_minor_text_two">2. Find the bot @HipolinkFormsBot.</p>
<p class="right_minor_text_two">3. Write to this bot, get an API key and copy it.</p>
<p class="right_minor_text_two">4. Insert key into Hipolink service and save.</p>
<div class="instruction_image_container">
    <img alt="Setup telegram notifications" src="/Images/Instructions/notifications-eng/notifications-1-eng.png" class="instruction_image" />
</div>

Telegram notifications

<div class="header_block">
	<h1 class="right_major_text">CRM application management</h1>
</div>
<p class="right_minor_text_two">Requests from callback and application forms come to our internal CRM.</p>
<p class="right_minor_text_two">You can change the status of the request: New, In Processing, Done, Rejected.</p>
<p class="right_minor_text_two">Sort your requests by status.</p>
<p class="right_minor_text_two">Add requests to favorites.</p>
<p class="right_minor_text_two">Select several requests at once (red box on the left side) and add to favorites, delete.</p>
<div class="instruction_image_container">
    <img alt="Requests page" src="/Images/Instructions/crm-eng/crm-2-eng.png" class="instruction_image" />
</div>
<p class="right_minor_text_two">After opening the request, you will be able to view the fields filled in by the visitor of your page in more detail.</p>
<div class="instruction_image_container">
    <img alt="Request details" src="/Images/Instructions/crm-eng/crm-3-eng.png" class="instruction_image" />
</div>

CRM application management

<div class="header_block"><h1 class="right_major_text">Yandex Metrica integration</h1></div><p class="right_minor_text_two">Yandex Metrica — is a web analytics tool that helps to get visual reports, videos of visitors' actions, track traffic sources and evaluate the effectiveness of online and offline advertising.</p><p class="right_minor_text_two">To start integrating Yandex Metrica into Hipolink, you need to log into your Yandex account. Then follow the link (https://metrika.yandex.ru/list) and create a new tag.</p><div class="instruction_image_container"><img alt="add-tag" src="/Images/Integrations/yandex-metrica-en-1.jpg" class="instruction_image" /></div><p class="right_minor_text_two">The name of the tag can be any, in the Website address field, insert your link in the format hipolink.me/example-username. If you require additional functions, such as Session Replay, scroll map and form analysis, turn on the corresponding switch. Do not forget to accept the Terms of Use by checking the appropriate item. After completing these simple steps, click Create tag.</p><div class="instruction_image_container"><img alt="tag-settings" src="/Images/Integrations/yandex-metrica-en-2.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Make sure the HTML method for installing the Metrica tag code is selected.</p><div class="instruction_image_container"><img alt="how-to-install" src="/Images/Integrations/yandex-metrica-en-3.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Click Copy code snippet.</p><div class="instruction_image_container"><img alt="copy-code" src="/Images/Integrations/yandex-metrica-en-4.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Go to the Hipolink.net website, log in and select the Modules section. Inside the "Modules" section, click the "Install" button on the Yandex Metrica module, paste the copied code and click the "Save" button.</p><div class="instruction_image_container"><img alt="paste-code" src="/Images/Integrations/yandex-metrica-en-5.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Done! Your Yandex Metrica module is installed!)</p>

Yandex Metrica integration

<div class="header_block"><h1 class="right_major_text">Google Analytics integration</h1></div><p class="right_minor_text_two">Google Analytics is a free website traffic analytics service. Provides detailed data for all visitors, displaying data about the region, traffic source and other important parameters.</p><p class="right_minor_text_two">To start integrating Google Analytics into Hipolink, you need to log into your Google account. Then follow the <a href="https://analytics.google.com" class="instruction-link" target="blank">link</a> and create an Analytics account. Come up with a name for your account.</p><div class="instruction_image_container"><img alt="account-creation" src="/Images/Integrations/google-analytics-en-1.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Select the Web section.</p><div class="instruction_image_container"><img alt="selection" src="/Images/Integrations/google-analytics-en-2.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Fill in the site information. Pay attention to the protocol, you must select https://. Select your Industry and Reporting Time Zone. Click Create.</p><div class="instruction_image_container"><img alt="property-setup" src="/Images/Integrations/google-analytics-en-3.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Select your country to accept the Terms of Service Agreement and accept them.</p><div class="instruction_image_container"><img alt="agreement" src="/Images/Integrations/google-analytics-en-4.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Copy the code under Website Tracking.</p><div class="instruction_image_container"><img alt="tracking" src="/Images/Integrations/google-analytics-en-5.jpg" class="instruction_image" /></div><p class="right_minor_text_two">Go to the Hipolink.net website, log in and select the Modules section. Inside the Modules section, click the Install button on the Google Analytics module, paste the copied code and click the Save button.</p><div class="instruction_image_container"><img alt="paste-code" src="/Images/Integrations/google-analytics-en-6.jpg" class="instruction_image" /></div>

Google Analytics integration

<div class="header_block"><h1 class="right_major_text">How to customize your site's link preview?</h1></div>

<p class="right_minor_text_two">You can customize the title, description and picture that appears when you send your link to instant messengers or social networks. To change these parameters, go to the Settings - SEO block.</p>

<p class="right_minor_text_two"> You can specify a title and description, as well as upload a picture for the preview. Above the filling form you can see how your link will look like.</p>
<div class="instruction_image_container"><img alt="Example" src="/Images/Instructions/SEO/seo1-en.jpg" class="instruction_image"/></div>

<p class="right_minor_text_two"> But sometimes, social networks and instant messengers do not immediately load this data. In order for the parameters you entered (title, description and picture) to be displayed correctly, the following is necessary:​​</p>

<p class="right_minor_text_two"><b>Vkontakte</b></br>
1. Go to <a href="https://vk.com/dev/pages.clearCache" class="instruction-link" target="blank">this</a> page </br>
2. In the <b>URL</b> field, paste the link to your site and click <b>Run</b></br></p>

<div class="instruction_image_container"><img alt="VKontakte" src="/Images/Instructions/SEO/seo2-en.jpg" class="instruction_image"/></div>

<p class="right_minor_text_two"><b>Facebook</b></br>
1. Go to <a href="https://developers.facebook.com/tools/debug/" class="instruction-link" target="blank">this</a> page</br>
2. Paste the link to your site and click <b>Debug</b></br>
3. Then below click <b> Repeat scraping </b></br></p>
<div class="instruction_image_container"><img alt="Facebook" src="/Images/Instructions/SEO/seo3-en.jpg" class="instruction_image"/></div>

<p class="right_minor_text_two"><b> Twitter </b></br>
1. Go to <a href="https://cards-dev.twitter.com/validator" class="instruction-link" target="blank">this</a> page</br>
2. Paste the link to your site and click <b>Preview car</b></br></p>

<div class="instruction_image_container"><img alt="Twitter" src="/Images/Instructions/SEO/seo4-en.jpg" class="instruction_image"/></div>

<p class="right_minor_text_two"><b>Telegram</b></br>
1. Open the Telegram messenger</br>
2. Find and start a dialogue with the bot <b>@webpagebot</b></br>
3.Send your page URL to the bot</br>
4. In the message from the bot, click the <b>Update preview again</b></br> button</p>

<div class="instruction_image_container"><img alt="Telegram" src="/Images/Instructions/SEO/seo5-en.jpg" class="instruction_image"/></div>

<p class="right_minor_text_two"><b>Check</b></p>
<p class="right_minor_text_two">After completing all these steps, paste your link to these social networks to make sure everything is displayed correctly.</p>


SEO Settings

<div class="header_block"><h1 class="right_major_text">JivoSite</h1></div>
<p class="right_minor_text_two">JivoSite is a chat for a website and a tool for communicating with clients in social networks, instant messengers and mobile applications. Earn more without missing out on a single call.</p>
<p class="right_minor_text_two">Register here: <a href="https://www.jivochat.com" class="instruction-link" target="blank">JivoSite</a> </p>
<div class="instruction_image_container"><img alt="registration" src="/Images/Instructions/Jivosite/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Go through the registration, fill in the data requested by the site. The system will prompt you to install the application, you can click "cancel", you can install the application at any time if you need it.</p>
<p class="right_minor_text_two">After that you will be taken to the page with the widget code. You can still get to this page by selecting the "setting" item. Click copy to clipboard.</p>
<div class="instruction_image_container"><img alt="copy code" src="/Images/Instructions/Jivosite/2en.png" class="instruction_image" /></div>
<p class="right_minor_text_two"><p class="right_minor_text_two">Go to the <a href="https://hipolink.net/en" class="instruction-link" target="blank">Hipolink.net</a> website, log in and select the section - "<a href="https://hipolink.net/en/modules" class="instruction-link" target="blank">Hipolink.net</a>Modules"</p>
<p class="right_minor_text_two">Inside the Modules section, click the Install button on the Jivosite module and paste the copied code and click the Save button.</p>
<div class="instruction_image_container"><img alt="modules" src="/Images/Instructions/Jivosite/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Done! Your JivoSite module is installed!)</p>


JivoSite

<div class="header_block"><h1 class="right_major_text">Facebook Pixel</h1></div>
The Facebook Pixel is a web tool that allows you to track user behavior on your site, analyze their target actions and create audiences that best match your advertising campaign.</p>
<p class="right_minor_text_two">To start Hipolink Pixel Integration, you need to log into your Facebook Ad Manager account and go to <a href="https://www.facebook.com/events_manager2" class="instruction-link" target="blank">the Event manager</a>.</p>
<p class="right_minor_text_two">Click Connect data sources and select Web. </p>
<div class="instruction_image_container"><img alt="connect" src="/Images/Instructions/FB-pixel/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Select Facebook pixel and click Connect.
<div class="instruction_image_container"><img alt="pixel" src="/Images/Instructions/FB-pixel/2en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Add your pixel name. Enter your website URL to check for easy setup options. Click Continue.</p>
<div class="instruction_image_container"><img alt="name" src="/Images/Instructions/FB-pixel/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Click "Set Code Manually"</p>
<div class="instruction_image_container"><img alt="install" src="/Images/Instructions/FB-pixel/4en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Copy the embed code on the site and click "Continue"</p>
<div class="instruction_image_container"><img alt="copy code" src="/Images/Instructions/FB-pixel/5en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Go to the <a href="https://hipolink.net/en" class="instruction-link" target="blank">Hipolink.net</a> website, log in and select the Modules section. Inside the Modules section, click the Install button on the Facebook Pixel module and paste the copied code and click the Save button.</p>
<div class="instruction_image_container"><img alt="modules" src="/Images/Instructions/FB-pixel/6en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Done! Your Facebook Pixel module is installed!)</p>

Facebook Pixel

<div class="header_block"><h1 class="right_major_text">Vkontakte pixel</h1></div> 
<p class="right_minor_text_two">Pixel VKontakte allows you to track all visitors from the site page on which it is installed: as soon as a person visits the page, the retargeting pixel automatically takes it into account.</p><p class="right_minor_text_two">With the help of a pixel, you can show ads to VKontakte users who have visited your website or mobile application and performed certain actions there.</p><p class="right_minor_text_two">To get started with Pixel Integration in Hipolink, you need:</br>
1. Go to the VKontakte Advertising Cabinet</br>
2. Select the Retargeting section.</br>
3. Go to the Pixels section.</br></p>
<div class="instruction_image_container"><img alt="pixels" src="/Images/Instructions/VKPixel/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Then click on the Create pixel button and fill in all the fields. Specify the pixel name, domain and theme of your site.</p>
<div class="instruction_image_container"><img alt="name" src="/Images/Instructions/VKPixel/2en.png" class="instruction_image" /></div><p class="right_minor_text_two">Copy the code that was generated when creating the pixel.</p>
<div class="instruction_image_container"><img alt="code" src="/Images/Instructions/VKPixel/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Go to the Hipolink.ru website, log in and select the Modules section</p>
<div class="instruction_image_container"><img alt="modules" src="/Images/Instructions/VKPixel/4en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Inside the "Modules" section, click the "Install" button on the Pixel VKontakte module and paste the copied code and click the "Save" button.</p>
<p class="right_minor_text_two">To make sure the code works correctly, you need to do the following:</br>
1. Go to the website (web page) where the code is installed.</br>
2. Go to the Pixels section of the VKontakte advertising account.</br>
3. Check if the pixel status has changed to "running". The date and time in the table should also be updated.</br></p>
<p class="right_minor_text_two">Done! Your Pixel VKontakte module is installed!)</p>


Pixel VK

<div class="header_block"><h1 class="right_major_text">Google Tag Manager</h1></div>
<p class="right_minor_text_two">Google Tag Manager is a service from Google that allows you to add a single GTM code to a page and manage content on the GTM side. This allows you not to change the code every time on all pages if you need to change the code. In GTM, you can add both your own code and the code of analytics services, such as Google Analytics.</p>
<p class="right_minor_text_two">Important: If you connect Google Tag Manager and activate the Google Analytics counter inside it, you cannot additionally connect the counter in the site settings - the data will be duplicated.</p>
<p class="right_minor_text_two">You need to go to the Google Tag Manager <a href="https://tagmanager.google.com/" class="instruction-link" target="blank">website</a> and register or log in.</p>
<p class="right_minor_text_two">Then press the button "Create an account"</p>
<div class="instruction_image_container"><img alt="new tag" src="/Images/Instructions/GTM/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">After registration you get to the container creation screen. Enter the name of the account where the containers will be located, and then click "Continue" or "Next"</p>
<p class="right_minor_text_two">Enter the name of the container - the address of the site for which we registered in Google Tag Manager and click the "Web" button</p>
<div class="instruction_image_container"><img alt="account setup" src="/Images/Instructions/GTM/2en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Get acquainted with the user agreement and click "Next"</p>
<p class="right_minor_text_two">A popup will open, copy the first code</p>
<p class="right_minor_text_two">Important: Copy exactly the first code!</p>
<div class="instruction_image_container"><img alt="copy code" src="/Images/Instructions/GTM/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Go to the <a href="https://hipolink.net/en" class="instruction-link" target="blank">Hipolink.net</a> website, log in and select the Modules section.
<p class="right_minor_text_two">Inside the Modules section, click the "Install" button on the Google Tag Manager module, paste the copied code and click the "Save" button.</p>
<div class="instruction_image_container"><img alt="modules" src="/Images/Instructions/GTM/4en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Done! Your Google Tag Manager module is installed!)</p>
<div class="header_block"><h1 class="right_major_text">Instructions for creating tags in GTM</h1></div>
<p class="right_minor_text_two">All new services or counters are added through the "New tag" - a block located in the upper left corner.</p><div class="instruction_image_container"><img alt="add tag" src="/Images/Instructions/GTM/5en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">After creating a tag, click on the "Tag Configuration" field</p>
<div class="instruction_image_container"><img alt="config" src="/Images/Instructions/GTM/6en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">For example, let's add a tag with Google Analytics</p>
<div class="instruction_image_container"><img alt="google analytics" src="/Images/Instructions/GTM/7en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Leave the tracking type "Page View", and in the Google Analytics Settings field, select the "New Variable" setting</p>
<div class="instruction_image_container"><img alt="new variable" src="/Images/Instructions/GTM/8en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Insert Google Analytics ID</p>
<div class="instruction_image_container"><img alt="google id" src="/Images/Instructions/GTM/9en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Save the changes, go to the trigger settings and select the option "All Pages" there, then save the tag.</p>
<div class="instruction_image_container"><img alt="trigger" src="/Images/Instructions/GTM/10en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">In the window with a suggestion to rename a tag, you can rename the tag or leave the standard name.</p>
<div class="instruction_image_container"><img alt="tag name" src="/Images/Instructions/GTM/11en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Click the Submit button - all changes will start working only after the container is published.</p>
<div class="instruction_image_container"><img alt="check" src="/Images/Instructions/GTM/12en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">A window will appear where you can create a new version of the tag and publish all changes.
After the publishing process, after some time, Google Analytics will start recording visits to your site. You can change the current tags or add new ones, for example, to track form submissions or clicks on external links.</p>
<div class="instruction_image_container"><img alt="changes" src="/Images/Instructions/GTM/13en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Done! Your Google Tag Manager module is installed!)</p>


Google Tag Manager

<div class="header_block"><h1 class="right_major_text">Advertising subscription to Yandex</h1></div>

<p class="right_minor_text_two">Advertising subscription is a tool that will help you launch ads for your business on several Yandex sites at once in a few clicks and without complicated settings.</p>
<div class="header_block"><h2 class="right_major_text_2">How to connect an advertising subscription for a website:</h2></div>
<p class="right_minor_text_two">● To start configuring, go to the <a href="https://hipolink.net/ru/modules" class="instruction-link" target="blank">Modules</a> section and click the Install button on the Yandex Advertising Subscription module.</p>
<div class="instruction_image_container"><img alt="Modules" src="/Images/Instructions/YandexAds/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">● On the module page, click Connect</p>
<div class="instruction_image_container"><img alt="Connect" src="/Images/Instructions/YandexAds/2en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">● The site field will be filled in with your link. Clients will be attracted to it. If you have an organization card and your site is listed in it, find it in the search results - information for ads will be automatically pulled from the card. If you don't have a card, click the button My organization is not here and fill out a short questionnaire about your business.</p>
<div class="instruction_image_container"><img alt="Add site" src="/Images/Instructions/YandexAds/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">● On the page of the advertising campaign, select the budget and the duration of the Advertising subscription from 90 days. Next, click the Add funds button. The invoice can be paid by bank details or by credit card. You can also apply the promo code here.</p>
<div class="instruction_image_container"><img alt="Budget" src="/Images/Instructions/YandexAds/4en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Done! The advertising campaign will be launched as soon as the money is credited to the account.</p>

<p class="right_minor_text_two">If you see the message "You need to confirm ownership of the organization" - confirm, otherwise the Advertising subscription will not work. It's easy to do: click the Verify rights button, and the organization's phone number will be called or sent a message with a code that you will need to enter.</p>
<div class="header_block"><h2 class="right_major_text_2">Gallery</h2></div>
<p class="right_minor_text_two">Add more photos that tell about your business. They will help diversify your ads.</p>
<div class="header_block"><h3 class="right_major_text_3">How to add photos to the gallery</h3></div>
<p class="right_minor_text_two">● Scroll down to the card Upload your promotional materials and click Edit</br>
● On the Ads Images card, click Add.</br>
● Choose up to ten photos to be used for creating advertisements, or upload new ones.</p>
<div class="instruction_image_container"><img alt="Galery" src="/Images/Instructions/YandexAds/5en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">● Click Submit.</p>
<div class="header_block"><h2 class="right_major_text_2">Stock</h2></div>
<p class="right_minor_text_two">In the promotion, you can tell users about discounts, special offers or a new service. The promotion will appear directly in advertisements.</p>
<div class="instruction_image_container"><img alt="Stock" src="/Images/Instructions/YandexAds/6en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Unique promotions or special conditions will help to estimate how many customers were brought by an advertising subscription. For example, a promo code or a codeword that is not used in other promotion channels.</p>
<div class="header_block"><h3 class="right_major_text_3">How to add a stock</h3></div>
<p class="right_minor_text_two">● Scroll down to the card Upload your promotional materials and click Edit</br>
● In the Promotions card, click Add.</br>
● Fill in the fields: the name of the promotion, which only you will see, the name of the promotion to be displayed in the card, the validity of the promotion, description, link and image.</br>
● Click Save.</p>
<p class="right_minor_text_two">The promotion will stop showing as soon as the term expires. You can also stop it at any time.</p>
<div class="header_block"><h2 class="right_major_text_2">Text ads</h2></div>
<p class="right_minor_text_two">If you've run ads before and you have your own text ad options, you can add them to your Advertising Subscription.</p>
<div class="header_block"><h3 class="right_major_text_3">How to add text ads</h3></div>
<p class="right_minor_text_two">● Scroll down to the card Upload your promotional materials and click Edit</br>
● On the Text Ads card, click Add.</p>
<div class="instruction_image_container"><img alt="Text" src="/Images/Instructions/YandexAds/7en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">● Fill in the fields: ad title that only you will see, title, ad text and link.</br>
● Click "Save".</p>
<p class="right_minor_text_two">For more information on Yandex Advertising Subscription, follow the <a href="https://yandex.ru/support/business-priority/index.html" class="instruction-link" target="blank">link</a>.</p>



Advertising subscription

<div class="header_block"><h1 class="right_major_text">Personal data processing policy constructor</h1></div>
<p class="right_minor_text_two">If your site has any form of data collection - feedback, newsletter subscription, registration or personal account, this is considered the processing of personal data. In this case, you are required to obtain consent to the processing of personal data and post a link to your policy regarding the processing of personal data so that a person can familiarize himself with it, agree and only then inform you of his data.</p>
<p class="right_minor_text_two">Create a sample document using the constructor, correct it if necessary, place the text on a separate page of the site and put a link to this page in the form for receiving data.</p>
<p class="right_minor_text_two">To customize the form, on the Modules tab, click Install on the Privacy Policy module.</p>
<div class="instruction_image_container"><img alt="modules" src="/Images/Instructions/policy-constructor/0en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Then fill in all the required details.</p>
<div class="instruction_image_container"><img alt="data" src="/Images/Instructions/policy-constructor/1en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">The finished form will look like this:</p>
<div class="instruction_image_container"><img alt="example1" src="/Images/Instructions/policy-constructor/2en.png" class="instruction_image" /></div>
<div class="instruction_image_container"><img alt="example2" src="/Images/Instructions/policy-constructor/3en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">If all the data is correct, do not forget to click the Save button.</p>
<div class="instruction_image_container"><img alt="save" src="/Images/Instructions/policy-constructor/4en.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Now, under each data collection form on your page, there will be a link to your privacy policy.</p>
<div class="instruction_image_container"><img alt="me page" src="/Images/Instructions/policy-constructor/5en.png" class="instruction_image" /></div>


Policy Privacy

Additional opportunities

Facebook Pixel offers advanced features to track events and accurately optimize the conversion of your advertising on Facebook.