Оформление facebook–страницы для блога с помощью визуального редактора ShortStack

К содержанию



Оформление Facebook–страницы для блога с помощью визуального редактора ShortStack

Опубликовано:22 Янв 2012

Недавно я задумался над созданием и оформлением страницы на Facebook для блога Marketing Buzz. Но после создания facebook-страницы все не мог придумать какую вкладку- приветствие использовать, пока не нашел интересное приложение для оформления facebook-страниц – ShortStack.

ShortStack – это одно из тех приложений, которые позволяют оформлять страницы в facebook с помощью визуального редактора, способом drag-and-drop. То есть, Вы просто размещаете виджеты на странице шаблона и редактируете их. Большинство подобных приложений, к сожалению, в своих бесплатных тарифах имеют очень ограниченный функционал, что не позволяет создавать с помощью них полноценные facebook-страницы. Преимущество ShortStack в том, что даже в рамках бесплатной версии можно создать функциональную страницу на facebook, хотя возможности дизайна конечно оставляют желать лучшего. Тем не менее, для блога  — это хороший вариант.

Вначале нужно пройти регистрацию на сайте http://www.shortstack.com. Там есть и возможность авторизоваться через Facebook, но у меня возникли с этим проблемы, поэтому рекомендую пройти процедуру регистрации.

После этого, Вам необходимо будет войти в Вашу панель управления и выбрать подходящий вариант – создавать facebook-страницу с нуля или использовать шаблон.  В этой статье я приведу пример оформления facebook-страницы для блога по шаблону, который показался мне вполне уместным.

После того, как Вы нажмете «Create Tab from Template» — откроется окно с доступными шаблонами. Выбрать подходящий шаблон можно просто кликнув по нему мышью, после этого он откроется в окошке справа.

Далее нужно нажать справа вверху «Make Tab» и выбранный шаблон станет доступным для редактирования.

В панели редактирования слева направо расположены – виджеты, доступные для использования, уже установленные виджеты, доступные для редактирования, превью facebook-страницы, как она выглядит на данный момент.

Сверху над окном предпросмотра есть маленькие иконки, которые позволяют увидеть предпросмотр в трех вариантах – как фанат, как новый пользователь и как администратор.

Видимость каждого из доступных виджетов также можно настраивать  — видимый только для фанатов, только для новых пользователей и для всех. То есть, опция fan-gate также реализована в рамках данного приложения.

В данном случае, мною был выбран простой шаблон, основной функцией которого является вывод RSS-ленты блога на вкладке facebook-страницы.
Для того, чтобы отредактировать уже существующие виджеты(напомню они отображаются правее всех доступных виджетов, то есть слева от превью), нужно нажать на иконку карандаша на необходимом виджете.

Таким образом, можно загрузить нужный логотип, отредактировать текстовые виджеты, прописать ссылку на RSS-канал и настроить его отображение(количество записей, частоту обновления и т.д.). В данном случае я настроил отображение текстового виджета только для новых пользователей, а отображение RSS-канала только для фанатов. То есть, RSS-лента будет видна только тем, кто «лайкнул» страницу.

 

По аналогии можно отображать любой другой контент – изображение, текст и т.п. только для фанатов страницы. Для настройки отображения, повторюсь, на каждом из виджетов существуют специальные иконки.

Для того, чтобы добавить виджет на страницу, нужно кликнуть на него мышью, и виджет будет перемещен к существующим. Для того, чтобы поменять его расположение относительно других нужно перетянуть его мышью в необходимое месторасположение.

В данном случае, я добавил виджеты «кнопка Like”(для новых пользователей), «Youtube канал» и «Блок комментариев»(для фанатов).

После того, как все необходиміе изменения в шаблон были внесены, нужно опубликовать вкладку на своей facebook-странице, нажав кнопку «Install Tab» вверху над панелью виджетов.

Вначале появится окно с запросом о варианте публикации, в бесплатной версии доступна только «Быстрая публикация».

Далее появится список страниц, которые Вы администрируете, из которого нужно выбрать ту, на которой будет опубликована вкладка.

Теперь, можно проверять. Пример оформленной таким образом facebook-страницы можно посмотреть здесь.


P.S. Поскольку видеоурок я записывал поздно вечером и немного уставший, в нем было допущено парочку ошибок, а переписывать было лень т.к. он продолжительный. Итак, во-первых, канал youtube у меня вначале не работал потому, что я сделал ошибку в названии канала, во-вторых, для того, чтобы посмотреть как выглядит страница для нового пользователя не обязательно заходить под другим аккаунтом — там под админом предусмотрены такие опции — «посмотреть как фанат»/»посмотреть как новый пользователь». Сорри :)))

Успехов в продвижении!

Поделиться в соц. сетях

0

Понравилась статья? Подписывайтесь на обновления блога

Введите Ваш email:

  • Замечательная статья! Подробная и по-моему уникальная — нигде пока такой информации еще не видела!
    Не думаете записать видеоурок? Думаю будет актуально!
    Я, например, закладочку-то поставлю и на обновления подпишусь — чувствую скоро пригодится — надо будет и мне страницу-группы делать)))

    • Спасибо, Наталья! Видео-урок на самом деле есть, но он немного продолжительный, не смог залить на Youtube одним файлом сразу. В ближайшее время выложу.

    • Загрузил видеоурок 🙂

  • Как раз после последней статьи Шакина искал как оформить страницу в фейсбуке. Буду разбираться. Спасибо.

  • Андрей, спасибо большое за урок. Все сделала и мне очень понравилось. Не удержалась, и пишу статью на своем блоге со ссылкой на Вас и Вашу статью и видео. Возможно, многие люди не знают об этом ресурсе и как можно легко и интересно сделать вкладку на странице. Поэтому, еще раз спасибо большое — очень помогли. Кому интересно, заходите на странице во вкладку «Подарок»  http://on.fb.me/M8omBj

    • Спасибо за положительный отзыв, Елена! Ваша страничка в фейсбук мне очень понравилась. Желаю Вам больших успехов!

      • Спасибо, буду стараться.