ALEXANDR ROZOVIK

Убираем обновление страницы после отправки формы CF7 + Elementor Popup

Неоднократно сталкивался с ситуацией, когда заказчику была нужна форма обратной связи во всплывающем окне. При реализации всплывающего окна через Elementor, возникала проблема. При нажатии кнопки “Отправить” заявку, страница перезагружалась, модальное окно естественно закрывалось и пользователю было не понятно, ушло ли его сообщение адресату или нет.

Для решения этой проблемы идеально подходит данный код (вставлять в functions.php вашей дочерней темы):

// Stop Elementor Popup from Closing after CF7 submission with no validation
function elementor_popup_cf7_fix() {
?>
<script type='text/javascript'>
window.addEventListener('DOMContentLoaded', function() {
    jQuery(document).on('elementor/popup/show', () => {
        for(var i = 0; i < jQuery(".wpcf7-form").length ; i++) {
            wpcf7.init(jQuery(".wpcf7-form")[i]);   
        }
    });
});
</script>
<?php
}
add_action( 'wp_footer',  'elementor_popup_cf7_fix' );
// ----------

После добавления этого кода, страница не перезагружается, пользователь видит сообщение об успешной или не успешной отправке сообщения.

Также рекомендую использовать плагин Popups – Submission Messages For Contact Form 7. Он добавляет анимированное сообщение об успешной (или нет) отправке сообщения, вместо стандартного уведомление CF7. Выглядит довольно интересно, правда разработчики плагина не побеспокоились о кастомизации. Редактировать внешний вид окошка придется через стили CSS вашей темы.

Как создать сайт на WordPress?

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

Как создать блог на WordPress?

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

1. Регистрация домена.

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

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

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

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

2. Настройка блога на WordPress.

Начните настройку своего блога с выбора темы. В WordPress есть масса разных тем для оформления сайта. Вы можете подобрать тему с учетом особенностей своего блога и его направленности. Существует и платные, и бесплатные темы для WordPress. Разница между ними заключается в качестве и разнообразии дизайна, наличии вредоносных кодов и встроенной рекламы. Устанавливая бесплатную тему, вы рискуете заразить свой блог вирусами. Чтобы этого не случилось, тщательно выбирайте оформление, читайте отзывы других пользователей.

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

3. Плагины для WordPress.

После первоначальных настроек внешнего оформления блога можно приступать к установке полезных плагинов. Они необходимы для улучшения функциональной способности блога и получения дополнительных возможностей для работы с контентом и отдельными элементами ресурса. Для WordPress разработано огромное количество плагинов. Найти и установить их можно непосредственно через саму CMS. Для этого достаточно зайти во вкладку «Плагины» и начать поиск.

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

• RusToLab;
• WP Sitemap;
• Link Love;
• Google XML Sitemap;
• GD Star rating;
• WP SEO;
• Google Analytics для WP.

Подведем итоги

Эти 3 шага помогут вам создать блог на WP и произвести первоначальную настройку системы с учетом личных требований. CMS WordPress используется небольшими и крупными компаниями, блоггерами и фрилансерами. Это удобная система для ведения собственного или корпоративного блога.

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

Как добавить товар Woocommerce – руководство

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

Товары Woocommerce можно разделять по категориям, присваивать им атрибуты и метки (в простонародье – теги).

Категории товаров

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

Атрибуты

Атрибутами являются характеристики продаваемого товара. Они могут быть как персональные для конкретного товара, так и общие для всего магазина.

Тип товара

После добавления категорий и атрибутов, можем приступить к добавлению товара. Woocommerce предлагает несколько типов товара, которые вы можете создать:

• Простой – тип товара, не имеющий вариативных свойств. Например, книга – она не имеет вариантов цвета, размера и т.п.
• Сгруппированный – этот тип товара является набором простых товаров. Например, вместо покупки по отдельности дезодоранта, пены для бритья и шампуня, вы можете купить все это одним товаром.
• Виртуальный – тип товара, не требующий доставки и наличия. Обычно используется для продажи услуг, например “Установка стиральной машины”, “Настройка смартфона” и т.д.
• Скачиваемый – цифровой товар. При выборе данного типа товара, добавляются поля для указания ссылки на скачивание файла.
• Внешний/Партнерский – товар, который вы предлагаете на своем сайте, но продажа товара ведется вне вашего сайта.
• Вариативный – товар с выбором характеристик, у каждого товара может быть свой уникальный SKU, цена, запас и т.п. Например, смартфон с памятью 3/32гб или 4/64гб.

Добавление простого товара

1. Заходим в Woocommerce – Товары – Добавить товар.
2. Заполняем название товара и описание.

Заполнение данных о товаре

Окно “Данные товара” – раздел, в котором задаются все характеристики вашего товара.

Раздел Основные.

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

В разделе Запасы можно задать артикул (SKU) товара, включить управление запасами для конкретного товара и установить количество товара в наличии. Если количество запасов станет равно 0, функция “Разрешить предзаказы?” добавит возможность оставить предзаказ на товар для клиента.

В пункте “Границы малых запасов” можно указать количество товара, при котором вас будут оповещать на Email. Например, можно выставить значение равное 0, если товар закончится совсем или значение 5, если товар начинает заканчиваться. Чекбокс “Продавать индивидуально” включить возможность продавать товар только в 1 количестве.

Если чекбокс “Управление запасами” выключен, вы сможете сами выставлять статус товара. Доступны варианты “В наличии”, “Нет в наличии” и “Предзаказ”.

Раздел Доставка. В нем указываются габариты товара и вес. Также указывается класс доставки. Единицы измерения Веса и Размера указываются в Woocommerce -> Настройки -> Товары -> Габариты.

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

Атрибуты – раздел, в котором задаются характеристики товара.

Мы можем добавить как заранее заготовленные атрибуты для всех групп товаров, так и индивидуальный атрибут для данного товара. Для этого в выпадающем списке выберем Индивидуальный атрибут товара и нажмем Добавить. Далее нужно указать название атрибута и его значение. Укажем например имя атрибута Объем памяти, значение 64 Гб и нажмем “Сохранить атрибуты”. Для того чтобы атрибут выводился на странице товара, обязательно должен стоять чекбокс “Отображение на странице товаров”.

В разделе Дополнительно указываем примечание к покупке – его клиент получит в Email уведомлении после совершения заказа. Можем упорядочить наш товар и включить или отключить отзывы о товаре.

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

Таксономии

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

Также можем указать метки (теги) для данного товара. Также как и с категориями, можем выбрать из уже созданных ранее меток, либо создать новые.

Ниже задаем основное изображение товара, а в Галерею товара загружаем все сопутствующие фото товара.

Жмем сверху Сохранить.

После того как сохранили новый товар, сайт покажет ссылку на товар и его можно будет посмотреть.

Перейдем по ссылке и посмотрим созданный товар.

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

Все готово, вы опубликовали ваш первый товар!

Дублирование товара

Если у вас множество похожих товаров, для экономии времени можете воспользоваться функцией дублирования товара.

Для этого перейдите в Woocommerce -> Товары, наведите мышкой на товар, который хотите дублировать и нажмите “Дублировать”. Откроется форма создания нового товара, только все данные будут уже заполнены. Вам остается только отредактировать значения атрибутов, изменить изображение товара, галерею, описание и название.

Удаление товара

Для того, чтобы удалить товар, вам нужно:

1. Зайти в Woocommerce -> Товары.
2. Найти товар, который хотите удалить
3. Навести на него мышкой и нажать “Удалить”.

Делаем товар “Рекомендуемым”

Для этого:

1. Заходим в Woocommerce -> Товары.
2. Находим нужный нам товар.
3. Нажимаем напротив него на звездочку