Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах

Основа платформы — визуальный no-code конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию.

Доступен ежемесячный бесплатный тариф.

Попробовать!

Интересное наблюдение, сделал приложение на Next.js. Передавал данные из формы в виде JSON строки POST запросом по API на сторону бэкенда (API Wordpress`a использовал) . Почему то бэк принимал не JSON строку, а массив состоящий из ключа (та самая длинная JSON строка) и значение в виде пустой строки. Не выяснил почему так, но с помощью

json_decode(array_key_first($_POST), true);

распарсил нужную строку и отправил данные в Битрикс.

array_key_first - Получает первый ключ массива.

Может у кого есть идеи почему фронт передавал JSON сроку, а бэк принимал такой массив 👆

💡Как использовать WP и Next js в связке

✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.site.com который находится на обычном хостинге.
✓ Используя это API пишем фронт на Next.js и выгружаем проект через GitHub на vercel.com.
✓ Подключаем к проекту на vercel свой домен site.com.
✓ Готово.

Заказчик получает привычную админку от Wordpress и молниеносную работу сайта на Next.js.

🔥 Блоки Гутеберга для статей сайта

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

✓ Необходимо было настроить webpack для компиляции jsx кода в js
✓ Создал свой плагин чтобы переносить этот функционал и в другие проекты
✓ Плюсом оказались начальные знания по React

💡 Про распределение задач на проекте

Новый проект разделил на дедлайны - каждые две недели. За две недели нужно выполнить +- одинаковое количество работы. План составлялся в понедельник, потом его утверждали, подписывали договора и доступ к админке старого сайта у меня оказался в среду вечером. Начал работать в четверг. Хотелось успеть сделать всё что планировал и три дня перед дедлайном работал с утра до ночи. Вот и получилось что сделано много, но с багами. Плюс завалил изучение реакта и другие важные задачи.

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

Поделитесь своим опытом в этой теме, интересно будет почитать.

Про решаемые задачи

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

✓ Лендинг на WordPress.
✓ Сайт-каталог на WordPress.
✓ Интернет-магазин на WordPress + Woocommerce.
✓ Авторизация, регистрация, профиль пользователя и личный кабинет на сайте.
✓ Ajax фильтры любой сложности для магазина или каталога.
✓ Ajax пагинация страниц.
✓ Интеграция по API с фэйскаст и 1с фитнес клуб.
✓ Написал своё API для приложения на базе WordPress.
✓ Разработал приложение на Next.js.
✓ Разработал блоки Гутенберга на js и через поля ACF.

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

*Бесплатно

Про липкие блоки в статье

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

Проблемы: на сайте контент статьи выводится в одном div. Сложность выполнения в том, что липкие блоки работают в пределах одного контейнера, а на странице таких блоков может быть больше.

Ход выполнения:
Вся задача решалась с помощью JS:
- добавил ко всем липким блокам .block-sticky
- записал в массив html теги из которых состоит контент
- с помощью метода map записал в новый массив индексы тегов, в которых есть .block-sticky
- в div с контентом статьи добавил изменённую структуру контента статьи

Методом .slice я выбирал какие теги вставлять в изменённую структуру.

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

Реализовал функционал работы с бонусами.

1) Начисление бонусов за покупку товара
2) Оплата товара накопленными бонусами
3) Добавил страницу в ЛК с информацией о бонусах за каждую покупку

Система бонусов на сайте позволяет:
1) Увеличить прибыль. Вознаграждения стимулируют покупать чаще, класть больше товаров в корзину и увеличивать средний чек.
2) Удержание клиентов. Системы поощрений удерживают пользователя внутри сайта.
3) Привлечение новых клиентов. За счет прямой рекламы программы лояльности.

____________________________

Пишите мне, если застряли с проектом и не знаете как решить задачу. Буду рад помочь в зависимости от своей загруженности.

Про задачу с xlsx таблицей

📄 Задача:
Есть таблица, в которой каждый столбец - это часть адреса, к примеру Город, Район, Улица и дом. Каждая строка в этой таблице - это адрес, по которому осуществляется услуга. Нужно составить несколько выпадающих списков исходя из данных в этой таблице ( выпадающий список Городов, Районов, Улиц и т.д. ). По умолчанию доступны все города для выбора. Пользователь выбирает нужный город и в остальных списках остаются только те районы и улицы, которые есть в этом городе, потом пользователь выбирает район и корректируются списки улиц, домов и т.д.

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

✏️ Решение:
Для решения этой задачи использовал много Javascript`a.
1) Конвертировать файл в массив
2) Убрать из массивов дубли
3) Написать логику при которой при выборе Города, сортируются остальные пункты списка.
4) Все это сделать шорткодом, что бы удобно добавлялось на сайт в любом месте

Компонентный подход в WordPress

Рассказываю о своём опыте написания тем для самой популярной CMS.
#development #themes #wordpress
https://wp-digest.com/guides/komponentnyj-podhod-v-wordpress/

Что делать если сайт "прыгает" при обновлении страницы

Для решения можно использовать прелоадер, сделать не сложно. Ниже три простых шага.

1) Cоздай див с классами fv-loader и loading-block.

<div class="fv-loader loading-block"></div>

2) Добавь стили

<style>
  .loading-block:before {
      content: '';
      width: 100%;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      z-index: 99999;
    }
</style>

3) Добавь скрипт

<script>
    window.addEventListener('load', function () {
      let el = document.getElementsByClassName('fv-loader')[0];
      el.classList.remove('loading-block');
    })
</script>

Стили добавляют ко всей странице белую маску.
Скрипт удаляет эту маску после загрузки всех элементов на странице: текст, картинки, файлы стилей и скриптов. Чем быстрее интернет, тем быстрее удалится маска.

К белому фону можно добавить анимацию загрузки на CSS.

Закончил с книгой и хочется выписать основные мысли, которые остались после прочтения книги.

Что-то из книги я знал, что-то он давал на своих курсах пять лет назад, что-то очевидное и лежит на поверхности, но я этим не пользовался.

1. Возражения "Дорого" и "Долго". Я почему то никогда не отрабатывал эти возражения клиентов. Обычно предлагал удешевить работу за счёт увеличения сроков, или наоборот, уменьшить сроки за счёт увеличения стоимости работы.

2. "ХХ способов найти клиентов". В интернете можно найти много таких списков, но не один из них не использовал. Прочитал, сказал сам себе - это понятно, это сложно, это уже сделал и через пять минут про всё забыл уткнувшись в видосики про котиков.

3. Правки от клиентов. Взял заказ, назвал сроки - 2 недели, получил предоплату. И потом начинается: это не так, тут подвинуть нужно, там поправить. Получается проектом занимаешься уже три недели, а цена за работу та же.

4. Конверсия. Тут просто бум 🤯. Понятное слово, но я никогда не применял его в своей работе. Этот показатель поможет определиться в какую площадку больше вкладывать сил, а с какой можно попрощаться и не тратить на неё время.

5. Срок. Договорённость. Цена. Приходится сталкиваться со срывом сроков, нарушением договорённостей и как следствие - платить за это свою цену. Простые и понятные слова, но ты всё равно продолжаешь каждый раз наступать на одни и те же грабли.

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

Где и как буду внедрять эти пять смыслов напишу позже.