изработка на уеб сайт, изработка на уеб сайтове, изработка на онлайн магазин, woocommerce, магазин с wordpress, online магазин, изработка на сайт, онлайн магазин, електронен магазин, изработка на сайтове, уеб дизайн, изработка на сайт цени, създаване на онлайн магазин, направа на сайт, уеб магазин, izrabotka na sait, изработване на сайт, изработка на онлайн магазин цена, уеб сайт, онлайн магазин цени, електронен магазин цена, изработка на уеб сайт цени, изработка на онлайн магазини, готов онлайн магазин, online magazini, изработка на сайтове цени, изработка на електронен магазин, електронни магазини, изработка на уеб сайтове, е магазин, изработка на online магазин, изработване на сайтове цени, магазин онлайн, уебсайт, магазин online, изработка онлайн магазин, онлайн търговия, сайтове, wordpress магазин, онлайн магазин изработка, платформа за онлайн магазин, фирми за изработка на сайтове, изработка на интернет магазин, изработване на сайт цени, сео оптимизация, интернет реклама, seo оптимизация, графичен дизайн, изработка сайт, направа на онлайн магазин, онлайн сайтове, как да си направим сайт, web дизайн, дизайн на сайт, изработка на фирмен сайт, уеб сайт цена, създаване на сайт, поддръжка на сайт, създаване на online магазин, изработка на интернет магазин цени, изготвяне на сайт, online magazin, изграждане на сайт, уеб сайт дизайн, дизайн на уеб сайт, изработка уеб сайт, фирми за изработване на сайтове, сайт изработка, изработка на сайт за недвижими имоти, изработка, как се прави сайт, безплатен сайт, как да си направя сайт, изработка на интернет сайт, онлайн бутик, изработка и поддръжка на уеб сайт, направа на сайт цена, изграждане на уеб сайт, хостинг за електронен магазин, дизайн на магазин, оптимизация на сайт, безплатен хостинг, създай онлайн магазин, интернет сайт, фирма за уеб сайтове, какво е уеб сайт, направа на уеб сайт, уеб дизайн цени, онлайн магазин платформа, изработка на лого онлайн, бизнес сайт, сайтове за онлайн продажба, изработка на, online сайтове, електронна търговия, купи сайт, онлайн магазин за, платформа онлайн магазин, поддръжка на онлайн магазин, онлайн магазин за авточасти, оптимизация на онлайн магазин, сайт цена, лого дизайн, създаване на сайт цена, wordpress онлайн магазин, направи си сайт, правене на сайт, готов сайт, изработка на лого, изработка на динамичен сайт, магазини под наем, сайтове за продажба, безплатен онлайн магазин, създаване на уеб сайт, софтуер за магазин, поддръжка на уеб сайт, seo оптимизация цена, изработка на сайт бургас, сайт за продажби, динамичен сайт, уеб страница, създаване на сайтове, изработка на уеб сайт софия, internet sait, рекламни агенции бургас, безплатни сайтове, как да направим сайт, сайтове за електронна търговия, създаване на сайт безплатно, проверка на домейн, изработка на сайт софия, onlain magazini, интернет страница, уеб дизайн пловдив, seo оптимизация на сайт, уеб студио, поддръжка на сайтове, пловдив онлайн, уеб дизайн софия, как да си направя онлайн магазин, как се прави онлайн магазин, уеб дизайн бургас, изработка на сайт пловдив, безплатен уеб сайт, онлайн магазин под наем, как да направя сайт, изработка на софтуер, добави сайт, оптимизация на сайтове, какво е хостинг, интернет търговия, как се прави уеб сайт, изработка на сайт варна, уеб дизайн уроци, уеб дизайн варна, готови сайтове, магазин studio, какво е уеб дизайн, направи си сам сайт, как да си направим безплатен сайт, онлайн продажби, разработка на сайт, уеб сайт безплатно, създаване на лого онлайн, изработка на уеб сайт варна, как да си направим уеб сайт, евтин сайт, направи си сайт безплатно, безплатна реклама в интернет, как да си направим online магазин, изработка на уеб сайт пловдив, безплатен електронен магазин, фирмен сайт, ел магазин, сайтове за реклама, популяризиране на сайт, безплатна реклама на сайт, уеб програмиране, magazin pod naem, web design bulgaria, сео оптимизация цена, направи си безплатен сайт, summer cart, създай сайт, изработка на сайтове софия, програма за създаване на сайт, създаване на web сайт, дизайн на лого, сео оптимизация на сайт, създаване на уеб сайт безплатно, фирми за уеб дизайн софия, как се прави online магазин, изработка на уеб сайтове пловдив, оптимизация за търсачки

Начало » Оптимизация » Интеграция на Facebook Events с WordPress

Интеграция на Facebook Events с WordPress

Време за четене: 10 минути

Търсите ли лесен начин да вградите Facebook Events във вашия WordPress сайт?

Facebook Events е много удобна функция на социалната мрежа, която ви позволява да споделяте детайли за събитията на вашия бизнес. Факт е, че онлайн потребителите прекарват по-голямата част от времето си в социалните мрежи.

Въпреки това обаче нашата WordPress компания смята, че е важно да добавите своите Facebook събития и на вашия уебсайт, за да сте сигурни, че посетителите ви няма да ги пропуснат.

Ето защо в тази статия ще ви покажем как да вградите Facebook Events във вашия WordPress сайт, за да подобрите обхвата и ангажираността на събитията, които организирате. Да започваме!

Защо да интегрирате Facebook Events с вашия WordPress сайт?

Ако след изработка на уебсайт с WordPress добавите календар с Facebook Events към вашия сайт, това ще предостави на посетителите ви лесен начин да останат в крак с всичките ви предстоящи събития.

Големият плюс е, че потребителите могат да се отбележат като “Interested” или “Going”, както и да споделят събитието с техния кръг от приятели.

Разбира се, показването на Facebook събития на вашия сайт е и чудесна тактика за увеличаване на последователите ви в социалната мрежа. Освен това, тъй като интеграцията на Facebook Events с WordPress работи така, че вашите събития се изтеглят автоматично от социалната мрежа, ще си спестите ценно време.

Това означава, че когато финализирате своята изработка на WordPress уебсайт, няма да ви се налага да добавяте ръчно събития към сайта ви. Много по-лесно е да използвате плъгин, който да автоматизира този процес.

Как да вградите Facebook Events в WordPress?

В това ръководство ще споделим 3 начина за добавяне на Facebook събития в WordPress.

Първият метод изисква добавянето на код към вашия уебсайт, което го прави подходящ вариант за потребителите, които не искат да използват плъгини. Нашата WordPress компания обаче ви предупреждава, че макар и лесен, този метод не предоставя опции за персонализиране. Тоест няма да можете да избирате как да изглежда календарът със събития на вашия сайт.

С втория метод ще ви покажем как да показвате Facebook събития на вашия сайт с помощта на плъгин. Този вариант гарантира, че ще разполагате с множество опции за персонализиране, което означава, че ще имате пълен контрол върху това как изглеждат Facebook събитията на сайта ви.

И накрая, с третия метод, ще ви покажем как да добавяте Facebook събития към специална лендинг страница на вашия сайт. По този начин ще можете да насърчите посетителите да се регистрират за вашето събитие.

Имайки това предвид, нека преминем направо към метод 1 и да разберем как да интегрираме Facebook Events след изработка на уебсайт с WordPress.

Метод 1: Добавете Facebook Events в WordPress без плъгин

Ако не искате да използвате твърде много плъгини на вашия сайт, можете да вградите Facebook Events и без помощта на подобен инструмент.

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

1. Посетете сайта Facebook Page Plugin

За да приложите този метод на практика след изработка на WordPress уебсайт, ще ви е необходим Facebook Page Plugin. Това не е плъгин за WordPress, а самостоятелен инструмент от Facebook, предназначен специално за разработчици.

  Топ 6 Pinterest плъгина за WordPress сайт

Отидете на сайта на Facebook Plugin и поставете URL адреса на вашата Facebook страница.

След като въведете URL адреса на вашата Facebook страница инструментът ще покаже визуализация на вашия timeline. Тъй като искате да показвате Facebook събития на вашия сайт, трябва да изтриете думата “timeline” в полето ‘Tabs’ и да въведете “events”.

2. Генерирайте своя код за вграждане на Facebook Events

Сега ще видите списък със събитията на вашата Facebook страница в панела за визуализация. Кликнете върху бутона ‘Get Code’, който се намира под визуализацията.

Кликването на този бутон ще отвори изскачащ прозорец с 2 раздела: JavaScript SDK и IFrame. След изработка на уебсайт с WordPress е необходимо да кликнете върху раздела IFrame, след което трябва да копирате кода за вграждане в клипборда си.

3. Вградете кода на Facebook Events в WordPress

Сега отидете на вашия WordPress сайт и редактирайте публикацията или страницата, където искате да показвате вашите Facebook Events.

На екрана за редактиране на съответната публикация или страница кликнете върху иконата плюс (+) и намерете блока ‘Custom HTML WordPress’. Кликнете вътре в HTML блока и поставете кода за вграждане от инструмента Facebook Page Plugin.

След като запазите или публикувате публикацията ще можете да я прегледате и ще видите вашите Facebook събития на сайта ви.

Ако след изработка на WordPress уебсайт искате да промените начина, по който се показва тази емисия, ще трябва да се върнете към Facebook Page Plugin и да генерирате отново wp кода за вграждане на Facebook. Въпреки това настройките на Facebook, които можете да промените са доста ограничени.

Ако искате да имате по-голям контрол върху това как изглеждат вашите емисии за Facebook събития, ви предлагаме да опитате следващия метод, при който ще използваме плъгина Custom Facebook Feed Pro plugin.

Метод 2: Вградете Facebook Events в WordPress с помощта на Facebook Feed Pro Plugin

За този метод ще трябва да инсталирате и активирате плъгина Smash Balloon Custom Facebook Feed Pro.

1. Създайте нов Facebook Feed

Когато след изработка на уебсайт с WordPress инсталирате и активирате плъгина, влезте в таблото за управление на WordPress и отидете в менюто Facebook Feed » All Feeds. Кликнете върху бутона ‘Add New’, за да започнете да създавате своя фийд за събития.

На следващата страница ще видите 9 различни типа Facebook емисии, които можете да добавите към уебсайта си, включително:

  • Времева линия
  • Снимки
  • Видеоклипове
  • Албуми
  • Събития
  • Отзиви

Изберете опцията ‘Events’ и кликнете върху бутона ‘Next’, за да продължите.

2. Изберете Facebook Page Source

След като изберете тип емисия, е време да изберете и Facebook page source. Нашата WordPress компания ви напомня, че това може да бъде Facebook група или страница, където публикувате събития, свързани с вашия бизнес.

За да добавите източник, кликнете върху бутона ‘Add New’. Това отваря изскачащ прозорец, който ще ви помоли да въведете вашите Facebook Page ID и Event Access Token.

След като въведете детайлите, които се изискват от вас, кликнете върху бутона ‘Add Source’. На следващия екран ще видите новодобавената си Facebook страница. Просто изберете тази страница и кликнете върху ‘Next’, за да продължите.

  Как да подобрите скоростта на вашия WooCommerce магазин?

3. Персонализирайте оформлението на Facebook Events Calendar

Сега можете да започнете да персонализирате своя Facebook календар. След изработка на WordPress уебсайт ще видите опциите за персонализиране от лявата страна, докато визуализацията на вашата емисия ще бъде отдясно.

Опциите за персонализиране ви позволяват да промените типа емисия, оформлението, цвета, дизайна на хедъра, дизайна на публикацията и др. Първо изберете ‘Feed Layout’ опцията вляво.

Тази опция предлага 3 различни настройки за оформление, включително List, Masonry и Carousel.

За да показвате събития едно след друго, изберете опцията ‘List’. Или, ако предпочитате да показвате вашите събития в оформление с няколко колони, можете да изберете опцията ‘Masonry’. И накрая, има опция ‘Carousel’, която ви позволява да показвате вашите събития като слайдер с изображения.

Изберете оформлението, което най-добре отговаря на вашия уебсайт, след което кликнете върху бутона ‘Customize’ още веднъж, за да се върнете към предишните настройки.

4. Персонализирайте цветовата схема на вашия Facebook Events Feed

Ако след изработка на уебсайт с WordPress искате да промените цвета на вашата емисия с Facebook събития, кликнете върху ‘Color Scheme’. В този панел можете да избирате от 4 различни цветови опции:

  • Inherit from Theme: Копирайте цветовата схема на вашия уебсайт
  • Light: Светъл фон с тъмен текст
  • Dark: Тъмен фон със светъл текст
  • Custom: Въведете сами всички цветове

След това можете да персонализирате и други настройки, включително дизайна на хедъра, размера на фийда, полетата и др. Когато сте доволни от начина, по който изглежда всичко, кликнете върху бутона ‘Save’.

5. Вграждане на Facebook събития в WordPress страници

Вече сте готови да вградите вашите Facebook събития в сайта ви! Smash Balloon ви позволява да направите това по 2 начина.

След изработка на WordPress уебсайт (и след като сте инсталирали и активирали плъгина Facebook Feed Pro) трябва да кликнете върху бутона ‘Embed’ в горния десен ъгъл. Това отваря изскачащ прозорец с различни опции за публикуване.

Кликнете върху бутона ‘Add to a Page’, за да вградите вашите Facebook събития в обикновена WordPress страница. От списъка можете да изберете всяка страница на вашия уебсайт, след което трябва да кликнете върху бутона ‘Add’.

Кликването върху тази опция ще ви отведе до екрана за редактиране на избраната от вас страница. Кликнете върху иконата плюс (+) и изберете уиджета ‘Custom Facebook Feed’, за да добавите своя Facebook календар със събития.

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

6. Вградете Facebook събития в страничните ленти на WordPress

Ако след изработка на уебсайт с WordPress предпочитате да добавите своя фийд за събития към област в страничната лента, просто кликнете върху бутона ‘Add to a Widget’ в прозореца за вграждане.

Кликването върху тази опция ще ви отведе до страницата с уиджети, където можете да изберете странична лента, в която да показвате вашите събития.

След като изберете странична лента, кликнете върху иконата плюс (+), за да добавите нов уиджет и изберете приспособлението ‘Custom Facebook Feed’. След като направите това, можете да прегледате уебсайта си и да видите вашите Facebook събития в областта на страничната лента на вашия уебсайт.

  Как да създадете многоезичен WordPress сайт с WPML

Сега нашата WordPress компания иска да ви покаже и последния, трети, метод за вграждане на Facebook събития в WordPress. За него ще използваме билдъра на страници на SeedProd, с помощта на който ще вградим Facebook събития във вашите лендинг страници.

Метод 3: Вградете Facebook събития в WordPress с помощта на SeedProd

SeedProd е сред най-популярните drag-and-drop WordPress билдъри на страници. Плъгинът предоставя удобни Facebook блокове, които включват:

  • Facebook Like
  • Facebook Comments
  • Facebook Page
  • Facebook Embed

Сега ще използваме блока Facebook Page, за да вградим Facebook събития направо във вашата лендинг страница. Най-хубавото на този метод е, че няма токени за достъп или идентификатори за копиране и поставяне.

1. Инсталирайте и активирайте SeedProd

И така, след изработка на WordPress уебсайт първо трябва да инсталирате и активирате плъгина SeedProd. За това ръководство ще използваме SeedProd Pro, тъй като той разполага с нужните Facebook блокове.

2. Създайте лендинг страница в WordPress

След като инсталирате SeedProd на вашия WordPress сайт, ще трябва да създадете нова целева страница.

След като направите това, отворете SeedProd » Pages и кликнете върху ‘Edit’ на лендинг страницата, която сте направили. Това ще отвори визуалния редактор на SeedProd, където можете да добавите вашите Facebook събития.

3. Добавете блока Facebook Page

Сега трябва да решите на кое място на страницата ви искате да се показват вашите Facebook събития. Когато изберете място, отидете в раздела ‘Advanced blocks’ вдясно и намерете блока ‘Facebook Page’.

За да добавите този блок към страницата ви след изработка на уебсайт с WordPress, просто трябва да го плъзнете отляво и да го пуснете във визуализацията, която е на екрана.

След това в настройките ‘Facebook Page block content’ можете да добавите URL адреса на вашата Facebook страница.

SeedProd показва времевата линия на вашата Facebook страница автоматично по подразбиране. За да показвате вашите събития вместо вашия timeline, кликнете върху опцията ‘Events’ под заглавието ‘Tabs’.

В същия панел можете да промените и стила на хедъра, да покажете или скриете снимката на корицата си, да коригирате подравняването и др.

Ако пък искате да увеличите ангажираността във вашата Facebook страница, нашата WordPress компания ви препоръчва да използвате блока ‘Facebook Embed’, с който можете да вградите публикация, видео или коментар точно до графика на събитията ви.

4. Публикувайте лендинг страницата, в която сте вградили Facebook Events Calendar

Всичко, което остава да направите, е да кликнете върху стрелката за падащо меню до бутона ‘Save’ в горния десен ъгъл и да изберете опцията ‘Publish’. След това, когато кликнете върху ‘Preview’, ще видите календара с вашите Facebook събития, който вече ще е на лендинг страницата ви.

Вече можете да интегрирате Facebook Events с вашия WordPress сайт!

Надяваме се, че с тази статия сме ви помогнали да разберете как да вградите Facebook Events във вашия WordPress сайт.

Всяка качествена изработка на WordPress уебсайт може да спечели от интеграция с Facebook Events, тъй като по този начин посетителите на сайта ви ще знаят за всички предстоящи събития, които вашият бизнес организира и следователно ще могат да се включат.

Съдържанието на този сайт е запазено от силата на договора с Creative Commons 4.0.

Етикети:

Автор Snezhana Simeonova

Експерт в медиите и комуникацията с интерес към лайфстайл, кино, култура, театър, социални медии и реклама.

Коментари

Вече изградихме стотици успешни сайтове!

Запишете се за нашия бюлетин и получавайте нашите WordPress съвети!