Преглед садржаја:
- Продавница на Фејсбуку?
- Пример
- Шта ће вам требати
- Додавање апликације
- Измените садржај картице
- Набавите свој аСторе код
- Сигурна УРЛ адреса
- Подесите димензије екрана
- Дозволи помицање
- Избирљив, избирљив ...
- Прилагођено дугме
- И готови сте!
Продавница на Фејсбуку?
Одлучили сте да је удружени маркетинг за вас. Изградили сте Амазон аСторе. Потрошили сте своје време, марљиво просетајући производе да бисте их додали…
Искористивши моћ друштвених медија, чак имате и Фацебоок страницу посвећену вашим удруженим маркетиншким напорима… Направили сте насловну фотографију временске линије да бисте визуелно јасно изразили страницу… На тој Фацебоок страници објављујете ажурирања статуса са везама до одређених производа у вашој продавници…
Али зар не би било сјајно када бисте могли да покажете читав аСторе управо на тој Фацебоок страници? Па… можеш!
Прилагођеним картицама је прилично једноставно управљати. Можете чак прилагодити слике и текст наслова који се приказују на самој картици.
Пример
На пример, погледајте Фацебоок страницу Комунистички ормар. Приметите картицу под насловом „Совјетска продавница?“
Совјетска продавница је Амазон аСторе уграђен директно у Фацебоок страницу са мало ХТМЛ-а и „Фацебоок-легал“ апликацијом. Не, ништа не хакујемо… само користимо ресурсе.
Шта ће вам требати
- Администраторски приступ Фацебоок страници (ако сте је креирали, већ имате администраторски приступ)
- Бесплатна прилагођена апликација за картице (волим да користим статички ХТМЛ: ифраме картице)
- Амазон аСторе и повезана веза
Учините себи услугу… отворите Фацебоок и Амазон Ассоциате Централ на одвојеним картицама прегледача (или чак засебним прегледачима, ако желите). На тај начин можете да се крећете између њих двоје и назад ако се укаже потреба.
Додавање апликације
Дођите до апликације унутар Фацебоок-а (са горњом везом) и кликните на дугме „инсталирај“ да бисте додали апликацију на своју страницу. На следећем екрану, апликација ће затражити да потврдите одредиште за инсталацију (страницу на којој ћете инсталирати апликацију) ако администрирате више од једне Фацебоок странице.
Изаберите одговарајућу одредишну страницу и кликните на дугме "инсталирај" да бисте потврдили. Да, заиста је тако једноставно.
Измените садржај картице
По завршетку инсталације апликације, вратите се на своју страницу. Пронаћи ћете нову картицу под називом „Добро дошли!“ на екрану. Кликните га и направимо мало чаролије!
Не брините још само око наслова картице и слике, ускоро ћемо доћи до њих.
Кликом на нову картицу добродошлице доћи ћете до овог екрана за уређивање. Овде ћете моћи да:
- Удомите свој „код“ у одељку индек.хтмл
- Организујте код даље у одељцима стиле.цсс и сцрипт.јс (за напредније кориснике)
- Промените подешавања картице
- Направите Фан-Гате (то ћемо урадити у другом чворишту)
Подразумевано ћете слетјети на одељак индек.хтмл апликације (овде ћемо обавити сав посао). Молимо вас да избришете постојећи текст из тог одељка.
Набавите свој аСторе код
У Амазоновом сарадничком центру:
- Користите падајући мени у горњем левом углу екрана да бисте изабрали одговарајући ИД праћења ваше продавнице. (Ово је неопходно само ако имате више аСторес на истом налогу… ако имате само једну аСторе, не брините због овог корака.)
- Кликните на „Преузми везу“ у левом менију.
- На страници ће се приказати нови екран под називом „Ваша продавница је објављена!“ Непосредно испод најаве видећете неколико верзија вашег аСторе линка.
- Изаберите опцију „Угради моју продавницу помоћу уграђеног оквира“. Незнатно ћемо модификовати овај код како бисмо га оптимизовали за интеграцију са Фацебоок-ом.
- Копирајте сав код у оквир за текст и налепите га у апликацију (одељак индек.хтмл) на Фацебоок-у.
Код с којим ћемо радити треба да буде отприлике:
Сигурна УРЛ адреса
Када први пут налепите код везе у апликацију, видећете поруку упозорења о томе да ваш аСторе УРЛ није сигуран. Не, веза вас неће питати да ли јој изворни код изгледа дебело. Али, неки прегледачи можда неће правилно приказати вашу продавницу јер не „мисле“ да је продавница хостована на сигурном серверу. Ово је овде посебно важно јер, на крају крајева, не желимо да ваши потенцијални купци постану параноични приликом куповине.
Дакле, прво је прво… Промените хттп: // унутар вашег кода у хттп с: //
Подесите димензије екрана
Сада ћемо променити приказане димензије ваше продавнице на Фацебоок страници.
Приметите да је ширина подешена на 90%? Па, то је 90% онога што прегледач израчунава као тренутну величину странице. Ово ће бити апсолутно нетачно… Одредићемо ширину од 815 пиксела како би се уклопила у ифраме апликацију.
Промените видтх = "90%" у видтх = "815пк"
Такође препоручујем скраћивање висине (знатно) на 1000 или чак 1200 пиксела. Учинит ће ваш садржај мало садржанијим…
Промените висину = "4000" у висина = "1200пк"
Дозволи помицање
Ваша аСторе може бити прилично дугачка (чак и дужа од оригиналних 4000 пиксела). То се углавном дешава ако су описи производа дуги, а објављено је и неколико прегледа производа. Помицање је подразумевано онемогућено… и то ће одсећи садржај изнад наведене висине. Пошто не желимо да ограничимо вашу продавницу, омогућићемо померање.
Промените померање = "не" у померање = "да"
Готов код би сада требао изгледати отприлике овако:
Не заборавите да притиснете дугме „Сачувај и објави“ у горњем десном углу. Такође можете у било ком тренутку прегледати свој рад помоћу суседног дугмета „Преглед“…
Избирљив, избирљив…
У реду, зезнем се… Имамо ифраме код у ифраме апликацији. Да, сувишно је. Да, то би требало поправити. Али, ради лакшег коришћења у овом водичу за почетнике, оставићу га какав је. Не осуђуј ме.
Прилагођено дугме
Сада када је ваша интеграција аСторе завршена, пожелећете оно мало досадно мало "Добродошли!" дугме на насловној страници да изгледа мало смисленије, зар не?
- Вратите се на „предњи крај“ своје Фацебоок странице.
- Кликните на мало дугме (са зашиљеним троуглом надоле) одмах десно од свих картица странице.
- Како се страница шири, пређите мишем преко новог „Добро дошли!“ таб.
- Приметићете да се изнад картице појављује нова икона (оловка). Кликните на ову икону за нови падајући мени.
- У падајућем менију кликните на „Уреди поставке“.
- Појавиће се искачући прозор у којем можете да промените име картице и додате прилагођену слику која ће се приказивати као дугме.
- Прилагодите картицу како желите.