Как да покажете онлайн търга си на собствения си уебсайт

Какво показва добрият вграден блок за търг

Четири неща и нищо друго:

• Лотовете, които са активни в момента, със снимка, заглавие, текуща цена и брой наддавания и с обратно броене до всяко закриване, което наистина отброява. Лот, който още не е отворен, показва вместо това началната си цена и обратно броене до отварянето.
• Щракване, което отваря лота в сайта за търгове, в нов раздел, така че посетителят да може да наддава, без да напуска Вашата страница.
• Нищо, когато няма нищо. Блокът трябва да изчезва сам, когато няма отворен или предстоящ лот. Вграден блок, който показва продажбата от миналия месец или „в момента няма търгове“, казва на всеки посетител, че нямате работа.
• Вашият облик. Вашият акцентен цвят и стил на ъглите, така че блокът да изглежда като част от сайта Ви, а не като реклама.

Какво да избягвате: iframe с целия сайт за търгове (две ленти за превъртане, две заглавни части, развален изглед на телефон), екранна снимка, която остарява още в деня, в който е направена, и всичко, което кара посетителите да влизат в профил на Вашия сайт, за да видят цените.

Двата начина да го направите

Скрипт. Един ред <script>, който изчертава блока и го поддържа актуален. Това е обичайният начин и работи навсякъде, където конструкторът Ви позволява да добавите „персонализиран код“, „вграден HTML“ или „блок с код“. Той не бива да поставя бисквитки, нито да зарежда шрифтове или проследяващи инструменти от името на посетителите Ви; изисквайте това от всеки уиджет, който обмисляте, защото Вашето уведомление за поверителност е това, което трябва да го покрива.

Живо изображение с линк. На някои места скриптовете не се допускат: имейл подписи, инструменти за бюлетини, безплатните планове на някои конструктори, интранет мрежи. Там изображение, което се преначертава на сървъра на всеки няколко минути и е обвито в линк към продажбата, върши по-голямата част от работата: показва колко лота са активни и кога приключва наддаването и остава актуално в страница или в имейл, изпратен преди седмици.

Редът код

За сайт за търгове, изграден с Auctify, безплатният уиджет AuctionAmigo е един ред:

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

Заменете your-sale.myauctify.com с адреса на Вашия сайт за търгове, със или без https://; собствен домейн работи по същия начин. Дизайнерът на началната страница на този сайт написва реда вместо Вас с попълнени цвят и форма и показва резултата, преди да го копирате. Атрибутите:

Обновява се на всеки две минути, не поставя бисквитки и не съхранява нищо, не зарежда шрифтове и проследяващи инструменти, изчертава се в собствен shadow root, така че Вашите стилове и неговите не си пречат, и не показва абсолютно нищо, когато сайтът няма нищо отворено и нищо предстоящо. Наддаването става в сайта за търгове, никога вътре в уиджета.

Коя форма и къде на страницата

Започнете с едно място, а не с три. Началната страница, под първия екран, е мястото, което виждат повечето посетители; плаващ уиджет на всяка страница е второто. Задайте броя на лотовете според мястото: три лота в тясна странична лента изглеждат по-добре от дванадесет.

Къде да го поставите, конструктор по конструктор

Всеки конструктор има поле за чужд код; имената се различават. Имената на менютата по-долу са такива, каквито са в конструкторите към момента на писане, и се местят при промени в дизайна, така че ако някое е преместено, потърсете в помощната информация на конструктора „embed code“ или „custom code“. Когато дадена функция зависи от плана, това е посочено; проверете собствения си план, преди да приемете, че е така.

1. WordPress

   Блок Custom HTML в редактора на блокове, на желаната страница, с поставения ред; или област за уиджети за странична лента. Има отделно ръководство за организиране на търг с WordPress сайт, което обхваща това и въпроса за плъгините.

2. Wix

   В редактора: Add Elements → Embed Code → Embed HTML, поставете реда в елемента и задайте размера му. Wix изпълнява вградения код в собствена рамка, затова изберете неплаваща форма (хоризонтална, вертикална или небостъргач) и направете елемента толкова голям, колкото изисква формата; плаващ уиджет не може да излезе от тази рамка. Кодът за целия сайт се поставя в Settings → Custom Code, което Wix предлага в платените си планове със свързан домейн.

3. Squarespace

   Добавете блок Code там, където искате да са лотовете, и поставете реда. Squarespace изпълнява скриптове в блоковете с код в плана Business и по-високите; в плана Personal блокът с код показва само HTML и скриптът не прави нищо. За всички страници наведнъж – Settings → Advanced → Code Injection → Footer, със същото изискване за плана.

4. Jimdo

   Jimdo Creator: елементът Widget / HTML, поставете реда. По-новият редактор на Jimdo има HTML елемент в платените си планове. Изберете неплаваща форма и оставете на елемента достатъчно място.

5. Webflow

   Плъзнете елемент Embed върху страницата и поставете реда в него. Кодът за целия сайт се поставя в Site settings → Custom code → Footer code, за чието публикуване е нужен платен план за сайта.

6. Shopify

   Online Store → Themes → Customize, добавете блок Custom Liquid (или Custom HTML, в зависимост от темата) в секцията, в която трябва да се появят лотовете, и поставете реда. Уиджетът води навън към сайта за търгове; той не добавя нищо в количката на магазина.

7. Weebly и Google Sites

   Weebly: елементът Embed Code. Google Sites: Insert → Embed → Embed code. И двата изпълняват кода в собствена рамка, затова използвайте неплаваща форма и оразмерете елемента според нея.

8. Чист HTML или разработчик

   Поставете реда там, където трябва да се появи блокът, или точно преди </body> с плаващата форма. С data-target можете да държите тага на едно място, а уиджетът да се изчертава във всеки елемент по неговия селектор.

Където скриптовете не са позволени

Имейл подписите, инструментите за бюлетини, безплатните планове на някои конструктори и повечето интранет мрежи премахват скриптовете. Там използвайте живото изображение: банер, изчертаван на сървъра на всеки няколко минути, който показва колко лота са активни и кога приключва наддаването, обвит в линк към продажбата. В HTML това е <a> около <img>; в инструмент за бюлетини е „добавяне на изображение, задаване на линк“. Тъй като изображението се преначертава, имейл, изпратен преди две седмици, пак показва актуалния брой, а след края на продажбата то се превръща в обикновена покана за посещение на сайта за търгове вместо в остаряло твърдение.

Какво не може живото изображение: да показва отделни лотове с цени или да отброява. То е резервният вариант, а не първият избор, и мястото му е много повече в имейл, отколкото на уеб страница, която може да изпълни скрипта.

Проверка дали работи

Отворете страницата в частен прозорец на браузъра на телефон и на компютър. Трябва да видите лотовете до секунда-две. Ако не виждате абсолютно нищо, причината е едно от три неща, а уиджетът нарочно мълчи и за трите, за да не вижда посетителят никога грешка:

• Сайтът за търгове няма нищо отворено и нищо предстоящо. Обявете лот или проверете дали наддаването наистина е отворено.
• Сайтът за търгове е в частен режим, така че нищо за него не е публично. Частен сайт не може да бъде показван никъде.
• Адресът е грешен или елементът, който конструкторът е дал на кода, е твърде малък, за да се изчертае в него. Проверете изписването на data-site, после направете елемента по-голям.

След това изчакайте две минути след наддаване в сайта за търгове и проверете дали цената на страницата Ви се е променила. Оттук нататък няма нищо за поддържане: когато продажбата приключи, блокът изчезва сам, а следващата продажба се появява, когато лотовете ѝ бъдат обявени.

Въпроси