Как добавить кнопку твита в WordPress (3 способа)

Хотите добавить кнопку твита на свой сайт WordPress?

Кнопки Click-to-Tweet позволяют посетителям веб-сайта легко делиться вашим контентом в Twitter. Таким образом, вы можете охватить свою целевую аудиторию контентом, предназначенным для привлечения интереса, лидов и потенциальных клиентов.

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

Зачем добавлять кнопку твита в WordPress?

С более чем 217 миллионами монетизируемых ежедневных активных пользователей маркетинг в Твиттере является одним из наиболее эффективных способов привлечь целевую аудиторию на ваш веб-сайт. Однако, когда вы делитесь своим контентом в Твиттере, вы можете охватить только ограниченное число пользователей.

Эффективный способ связаться с людьми, которые не подписаны на вас в Твиттере, — это добавить кнопку «Твитнуть» на свой веб-сайт.

Когда пользователи посещают ваш веб-сайт, кнопка твита побуждает их делиться вашим контентом в своей личной хронике в Твиттере. В результате их подписчики увидят ваш контент и смогут поставить лайк, прокомментировать и ретвитнуть его своим подписчикам.

Поскольку кнопки «Поделиться» в Твиттере транслируют ваш контент более широкой аудитории, это также может помочь вам увеличить количество подписчиков в Твиттере. Кроме того, экспозиция может помочь вам создать социальное доказательство и узнаваемость бренда, что приведет к увеличению количества потенциальных клиентов и продаж.

Теперь, когда вы знаете, почему кнопки Twitter могут принести пользу вашему бизнесу, давайте посмотрим, как добавить их на свой сайт WordPress.

Как добавить кнопку твита в WordPress

Есть несколько способов добавить на свой веб-сайт окно или кнопку для твита; однако некоторые из них намного проще, чем другие.

В этом посте мы покажем вам, как легко добавить кнопку «щелчок для твита» с помощью плагина WordPress. Затем мы покажем вам, как вручную добавить код кнопки Twitter Tweet.

Добавьте кнопку твита в WordPress с помощью SeedProd

Для первого метода мы будем использовать SeedProd, лучший конструктор веб-сайтов WordPress, чтобы добавить кнопку Twitter на ваш веб-сайт. Он поставляется с визуальным редактором перетаскивания, позволяющим создавать и настраивать любую область вашего сайта WordPress без кода.

Вы можете использовать SeedProd для создания:

• Пользовательские темы WordPress
• Целевые страницы с высокой конверсией
• Шаблоны WooCommerce
• Скоро и страницы техобслуживания
• страницы входа в вордпресс
• И более

Этот плагин также включает в себя мощные элементы контента и блоки, которые помогают привлекать потенциальных клиентов, повышать узнаваемость бренда и улучшать взаимодействие с пользователем. Например, блок, который мы будем использовать в этом руководстве, — это кнопка Twitter Tweet.

Следуйте инструкциям ниже, чтобы добавить кнопку твита в WordPress с помощью SeedProd.

Шаг 1. Установите плагин SeedProd

Сначала нажмите здесь, чтобы начать работу с SeedProd и загрузить плагин на свой компьютер. Затем вы можете загрузить ZIP-файл плагина на свой веб-сайт WordPress.

Если вы никогда раньше не устанавливали плагин, вы можете следовать этому руководству по установке и активации плагина WordPress.

Как только SeedProd активируется на вашем веб-сайте, перейдите на страницу SeedProd »Настройки на панели управления WordPress и введите свой лицензионный ключ.

Вы можете найти свой ключ на веб-сайте SeedProd в разделе «Загрузки» на панели управления вашей учетной записи.

После вставки лицензионного ключа нажмите кнопку « Подтвердить ключ ».

Шаг 2. Создайте целевую страницу или тему WordPress

Есть 2 способа добавить кнопку «Твитнуть» на ваш сайт с помощью SeedProd.

Вы можете заменить текущую тему WordPress пользовательской темой, разработанной с помощью наборов веб-сайтов SeedProd. Или вы можете создать целевую страницу с существующей темой WordPress.

В этом уроке мы добавим кнопку твита в сообщения блога, настроив шаблон отдельного сообщения с помощью конструктора тем SeedProd. Ознакомьтесь с этим руководством, чтобы узнать обо всех шагах по созданию пользовательской темы WordPress с помощью SeedProd.

Если вы предпочитаете вместо этого добавить кнопку твита на свою целевую страницу, вы можете следовать этому руководству по созданию целевой страницы в WordPress.

Оба руководства покажут вам, как выбрать шаблон и подготовить тему или целевую страницу к настройке. Когда вы будете готовы добавить кнопку твита, перейдите к шагу 3 этого руководства.

Шаг 3. Добавьте кнопку «Твитнуть» в WordPress

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

Для этого перейдите на страницу SeedProd » Theme Builder в панели администратора WordPress. Это покажет отдельные части вашей темы, такие как:

• Заголовок
• Нижний колонтитул
• Боковая панель
• Домашняя страница
• Страница блога
• Один пост
• Одна страница

Каждую часть темы очень легко редактировать и настраивать в визуальном редакторе SeedProd. Просто наведите указатель мыши на один из них и щелкните ссылку « Редактировать дизайн» .

Поскольку мы добавляем кнопку твита в сообщения блога, мы отредактируем шаблон отдельного сообщения . После нажатия ссылки «Редактировать дизайн» ваш шаблон откроется в визуальном редакторе SeedProd с функцией перетаскивания.

Слева вы увидите различные блоки и разделы контента, а справа — предварительный просмотр вашей страницы.

Щелчок по любому элементу в режиме предварительного просмотра открывает его настройки на левой панели. Это позволяет вам изменять содержимое и настраивать стиль и внешний вид этого элемента.

Есть 2 способа добавить кнопку «Твитнуть» с помощью SeedProd:

1. Блок социальных сетей
2. Блок кнопок Twitter Tweet

Мы продемонстрируем оба варианта, чтобы вы могли решить, какой из них лучше всего подходит для вашего веб-сайта, но сначала давайте добавим новый столбец для размещения нашей кнопки Twitter.

Для этого перетащите блок столбцов с левой панели и перетащите его в окно предварительного просмотра. Затем вы можете выбрать макет столбца для своего контента.

В этом примере у нас есть макет с двумя колонками, одна сторона которого шире другой.

Затем перетащите блок заголовка и добавьте его в первый столбец. На панели настроек вы можете изменить заголовок, чтобы сказать что-то вроде «Поделиться этим».

Теперь вы готовы добавить свои кнопки твитов.

Блок социальных сетей SeedProd

Во-первых, мы будем использовать блок SeedProd Social Sharing , чтобы добавить кнопки «Поделиться» для нескольких социальных сетей, включая Twitter. Найдите блок на панели дополнительных блоков и поместите его во второй столбец вашего дизайна.

SeedProd предварительно заполнит его кнопкой «Твитнуть» и кнопкой «Поделиться в Facebook». Щелчок по блоку позволяет добавить дополнительные параметры обмена в социальных сетях для Pinterest и LinkedIn, а также настройки для изменения размера и выравнивания кнопки.

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

Блок кнопки Твиттера в Твиттере

Чтобы добавить одну кнопку «Твитнуть», просто найдите блок « Кнопка твита» на панели дополнительных блоков, а затем перетащите его на свою страницу.

На панели настроек кнопки твита вы можете настроить несколько параметров. Например, вы можете добавить URL-адрес, которым посетители должны поделиться, содержание твита и хэштеги.

Вы можете добавить @ через упоминания и связанные учетные записи Twitter, а также изменить размер кнопки, выравнивание и язык.

Поэкспериментируйте с кнопками социальных сетей SeedProd и блоками твитов, пока не найдете комбинацию, подходящую для вашего веб-сайта. Когда вы будете довольны тем, как все выглядит, нажмите кнопку « Сохранить » в правом верхнем углу.

Шаг 4. Опубликуйте кнопку «Твитнуть» в WordPress

Следующим шагом будет размещение кнопки твита на вашем сайте WordPress. Для этого перейдите на страницу SeedProd » Theme Builder и установите переключатель « Включить тему SeedProd» в положение «Вкл.».

Отличная работа! Теперь вы можете предварительно просмотреть свой веб-сайт, чтобы увидеть, как выглядит кнопка «Твитнуть».

Вот пример кнопки твита:

А вот пример кнопок «Поделиться»:

Добавить кнопку твита в WordPress вручную

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

Этот метод не дает большого контроля над кнопкой твита. Тем не менее, это полезное решение для пользователей, которые не хотят добавлять дополнительные плагины на свой сайт WordPress.

Чтобы начать работу, перейдите на веб-сайт инструмента Twitter Publish и выберите тип встраивания Twitter Buttons .

Далее появится окно с просьбой выбрать тип кнопки:

• Кнопка «Поделиться»: поделитесь ссылкой в ​​Twitter.
• Кнопка «Подписаться»: разрешить пользователям следить за вашим профилем в Твиттере.
• Кнопка упоминания: начните разговор прямо с вашего сайта.
• Кнопка хэштега : чирикать на тему, используя хэштеги.
• Кнопка сообщения: позвольте посетителям отправлять вам личные сообщения в Твиттере.

Давайте выберем кнопку «Поделиться » для этого руководства. После нажатия на тип кнопки вы увидите страницу, похожую на приведенную ниже:

Нажмите кнопку, чтобы скопировать код для встраивания, а затем вернитесь на свой сайт WordPress.

Мы добавим эту кнопку твита на боковую панель WordPress, поэтому перейдите в «Внешний вид» — «Виджеты» на панели управления WordPress. Затем найдите блок Custom HTML и добавьте его в основную область боковой панели.

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

Теперь, когда вы посещаете свой сайт WordPress, вы увидите кнопку твита на боковой панели блога.

Бонус: отображение лент Twitter и кнопок твитов с помощью Smash Balloon

Знаете ли вы, что вы также можете добавить красивые ленты Twitter на свой сайт WordPress с помощью плагина Smash Balloon Twitter Feeds?

Плагин Custom Twitter Feeds — это плагин с самым высоким рейтингом для WordPress. Вы можете использовать его для отображения потрясающих лент Twitter на своем веб-сайте в несколько кликов.

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

Следуйте пошаговому руководству Smash Balloon, чтобы добавить ленту Twitter в WordPress.

Вот и все!

Мы надеемся, что вам понравился этот урок, и он помог вам научиться легко добавлять кнопку твита в WordPress. Вам также может понравиться это руководство о том, как сделать свой блог похожим на веб-сайт.

Готовы добавить кнопки твитов на свой сайт?

Спасибо за чтение. Следите за нами на YouTube, Twitter и Facebook, чтобы получать больше полезного контента для развития вашего бизнеса.