Modx личный кабинет: Личный кабинет пользователя на MODX Login

Личный кабинет пользователя на MODX Login

В этой статье изучим, как в MODX на основании компонента Login создать личный кабинет пользователя, форму для изменения пароля и обновления профиля.

Перед тем, как переходить к изучению этой темы, рекомендуется выполнить действия, приведённые в этих статьях:

  1. Регистрация пользователей
  2. Авторизация пользователей

Изменение пароля

Изменение пароля будем выполнять на соответствующей странице, созданной нами в предыдущей статье.

Для этого откроем ресурс «Изменение пароля» и поместим в его содержимое форму и вызов сниппета ChangePassword. С помощью него мы будем выполнять действия, связанные с изменением пароля.

Содержимое ресурса:

[[!ChangePassword?
  &submitVar=`change-password`
  &placeholderPrefix=`cp.`
  &validateOldPassword=`1`
  &validate=`nospam:blank`
  &reloadOnSuccess=`0`
  &successMessage=`Ваш пароль успешно изменён`
  &errTpl=`myErrTpl`
]]

<div>
  <div>
    <div>Изменение пароля</div>
    <div>
      [[!+cp.
error_message:notempty=`<div role="alert">[[!+cp.error_message]]</div>`]] [[!+cp.successMessage:notempty=`<div role="alert">[[!+cp.successMessage:striptags]]</div>`]] <form action="[[~[[*id]]]]" method="post"> <input type="hidden" name="nospam" value=""> <div> <label for="password_old">Старый пароль</label> <input type="password" name="password_old" value="[[+cp.password_old]]"> <div>[[!+cp.error.password_old]]</div> </div> <div> <label for="password_new">Новый пароль</label> <input type="password" name="password_new" value="[[+cp.password_new]]"> <div>[[!+cp.error.password_new]]</div> </div> <div> <label for="password_new_confirm">Введите новый пароль ещё раз</label> <input type="password" name="password_new_confirm" value="[[+cp.
password_new_confirm]]"> <div>[[!+cp.error.password_new_confirm]]</div> </div> <input type="submit" name="change-password" value="Изменить пароль"> </form> </div> </div> </div>

Вид формы для изменения пароля:

В коде, приведённом выше, форма написана на последней версии Bootstrap. Кроме этого, это касается также других форм, приведённых в этой статье.

Отображение ошибок при валидации данных формы:

Сообщение об успешном смене пароля:

Описание некоторых параметров сниппета

ChangePassword:

Имя параметра Описание
submitVar Определяет имя ключа, которое должно присутствовать в $_POST, чтобы ChangePassword начал обрабатывать форму. Если в качестве значения этого параметра указать пустую строку или false, то ChangePassword будет обрабатывать форму при всех POST-запросах. Значение по умолчанию: logcp-submit.
placeholderPrefix Префикс, используемый для всех плейсхолдеров, устанавливаемых с помощью этого сниппета. По умолчанию: logcp..
validateOldPassword Определяет, требуется ли пользователю вводить текущий пароль для успешного установления нового. По умолчанию: 1 (т.е. да, необходимо). Если это не нужно, параметру
validateOldPassword
следует задать значение 0.
reloadOnSuccess Необходимо ли страницу перенаправить на саму себя после успешного установления нового пароля. По умолчанию: 1 (т.е. да). Редирект будем осуществляться с параметром GET предотвращающим повторную отправку формы на сервер. Если reloadOnSuccess установить значение 0, то сниппет просто установит соответствующее значение плейсхолдеру successMessage.
successMessage Выведет указанное сообщение в плейсхолдер successMessage, если значение параметра reloadOnSuccess равно 0.

Обновление профиля пользователя

На странице «Редактирование данных» пользователь может изменить данные своего профиля. В данном случае:

fullname (полное имя), phone (телефон), country (страна) и website (веб-сайт). Содержимое ресурса будет включать форму и сниппет UpdateProfile из пакета Login для её обработки.

Содержимое ресурса:

[[!UpdateProfile?
  &validate=`fullname:required`
  &reloadOnSuccess=`1`
]]

<div>
  <div>
    <div>Редактирование данных</div>
    <div>
      [[+login.update_success:is=`1`:then=`<div role="alert">[[%login.profile_updated? &namespace=`login` &topic=`updateprofile`]]</div>`:else=`[[+error.message:notempty=`<div role="alert">[[+error.message]]</div>`]]`]]
      <form action="[[~[[*id]]]]" method="post">
        <input type="hidden" name="nospam" value="">
        <div>
          <label for="fullname">[[!%login.
fullname? &namespace=`login` &topic=`updateprofile`]]</label> <input type="text" name="fullname" value="[[+fullname]]"> <div>[[+error.fullname]]</div> </div> <div> <label for="phone">[[!%login.phone]]</label> <input type="text" name="phone" value="[[+phone]]"> <div>[[+error.phone]]</div> </div> <div> <label for="country">[[!%login.country]]</label> <input type="text" name="country" value="[[+country]]"> <div>[[+error.country]]</div> </div> <div> <label for="website">[[!%login.website]]</label> <input type="text" name="website" value="[[+website]]"> <div>[[+error.website]]</div> </div> <input type="submit" value="[[!%login.
update_profile]]" name="login-updprof-btn"> </form> </div> </div> </div>

Вид формы для обновления данных в профиле:

Описание некоторых параметров сниппета UpdateProfile:

Имя параметра Описание
submitVar Название кнопки submit, которая запускает отправку формы. По умолчанию: login-updprof-btn.
validate Список полей для проверки (например: username:required, email:required). Валидаторы можно указывать цепочкой (например, email:email:required).

Личный кабинет пользователя

На странице «Личный кабинет» будем выводить сведения из профиля пользователя, а также кнопки, с помощью которых можно перейти на страницы «Изменения пароля» и «Редактирование данных».

Получение данных профиля будем выполнять через сниппет Profile.

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

Содержимое ресурса:

[[!Profile? &prefix=`usr.`]]

<div>
  <div>
    <div>Личный кабинет пользователя</div>
    <div>
      <ul>
        <li>Имя пользователя: <span>[[+usr.username]]</span></li>
        <li>Телефон: <span>[[+usr.phone]]</span></li>
        <li>Email: <span>[[+usr.email]]</span></li>
        <li>Страна: <span>[[+usr.country]]</span></li>
        <li>Веб-сайт: <span>[[+usr.website]]</span></li>
        <a href="[[~7]]">Изменение пароля</a>
        <a href="[[~8]]">Редактирование данных</a>
      </ul>
    </div>
  </div>
</div>

В этом HTML-коде вывод списка оформлен с помощью компонента Bootstrap List group.

Описание некоторых параметров сниппета Profile:

Имя параметра Описание
prefix Префикс, используемый для всех плейсхолдеров, которые будут заданы этим сниппетом.
user
Необязательный параметр. Если задано, то будет использоваться указанный пользователь, а не тот, который в данный момент вошел в систему. Задать пользователя можно посредством id или username.
useExtended Если значение true, то также будет установлены в качестве заполнителей все расширенные поля. По умолчанию: 1 (да).

Следующая тема: Добавление фото пользователю с использованием MODX Login.

Office / Пользователи / Дополнения MODX / modstore.pro

  • Все дополнения
  • Пользователи

Универсальный личный кабинет покупателя

личный кабинет история заказов авторизация регистрация уведомления miniShop2 интернет-магазин SMS

2990 42. 71 42.71

за сайт

  • Проверено Modstore
  • Бесплатные будущие обновления
  • Работа на тестовом и публичном домене
  • 12 месяцев тех. поддержки

Добавить в корзину

Автор дополнения

Илья Уткин

Обычно отвечает в течение суток

ms2Gallery

Улучшенная галерея miniShop2 для ресурсов любых типов.

mSearch3

Морфологический поиск и фильтрация данных

ms_CDEK2

Добавляет методы доставки СДЭК, расчет цены и времени доставки по индексу и городу

  • Описание
  • История изменений

Версия 1. 9.5-pl

Дата выпуска 01.10.2021

Загрузки 6 811

Просмотры 41 523

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

Внимание, этот компонент требует версию MODX не ниже 2.5 !

Модульное дополнение для работы с пользователями.

Функционал в комплекте:
— Ajax регистрация и авторизация пользователей
— Ajax редактирование профиля
— Авторизация в дополнительные аккаунты для быстрого переключения между ними
— Авторизация под любым активным пользователем прямо из админки
— Вывод покупок пользователя miniShop2 на ExtJS

Быстрый старт

Авторизация и редактирование профиля в modstore. pro работает с помощью Office.

  • Add permissions check in «login as user» functionality
  • [miniShop2] Removed «product_id» from mandatory fields in products grid
  • [miniShop2] Fixed «id» and «product_id» hidden state in products grid
  • [miniShop2] Fixed missing popup window
  • [Auth] Added invoking of OnBeforeWebLogin and OnWebLogin events on login at activation.
  • [Auth] Ability to disable user activation after registration by «office_auth_activation» system setting.
  • Better handling of CSRF token.
  • [miniShop2] Fixed status name in orders/getlist processor
  • Fixed getting an error from HybridAuth on register or login.
  • Improved register of ExtJS scripts.
  • Update chunks for Bootstrap 4.
  • Fixed register of ExtJS scripts when MODX installed in subdirectory.
  • Improved authorization via activation link.
  • Fixed typo in chunk.profile.form.tpl.
  • Update for supporting HybridAuth 3.
  • Improved PHP 7.2 support.
  • [miniShop2] Fixed fatal error if there are MODXMinify installed on the site.
  • [Auth/Profile] Added javascript callback to default scripts.
  • [Auth] Don`t change token when office_auth_mode == «phone».
  • Hardening Auth and Profile forms by adding CSRF token.
  • [Auth] Do not send the password by email if the user specified it manually.
  • Fixed «Could not load package metadata for package office» message in logs.
  • [Auth] Fixed possible fatal error with login to second account on MODX 2.5.8.
  • [Auth] Fixed possible error with inactive user.
  • Ability to log in and switch between multiple accounts.
  • Fenom chunks by default.
  • pdoTools is required now.
  • [mgr] Ability to authenticate on frontend as any active user from manager.
  • Added german lexicon (thanks to Fabian Christen).
  • [OfficeAuth] Ability to login via username, email of mobilephone with one field «username».
  • [miniShop2] Ability to repeat and delete orders.
  • [Profile] Remove default avatar params from update processor due to issues.
  • [Auth] Emails with «+» are now supported.
  • [Auth] Fixed saving of the mobilephone when office_auth_mode != phone.
  • [Auth] Fixed the error when user with phone in email could not to authenticate.
  • [Auth] Fixed the error «Could not load controller auth».
  • [Auth] Improved integration with HybridAuth.
  • [Profile] Fixed the regular expression for verification of emails.
  • [Auth] Improved work of ByteHand sms provider.
  • Fixed handling of errors when sending sms.
  • PSR-2.
  • Removed autoload of jQuery.
  • Mobile phones support with SMS authentication.
  • The multilingual chunks by default.
  • The HybridAuth is no longer installed by default.
  • A login errors now logged on «info» level instead of «error».
  • No longer authorization required to activate a new email.
  • Some security fixes.
  • Updated jGrowl to version 1.4.5.
  • [RemoteAuth] Fixed possible E_WARNING in PHP 7.
  • Improved load of phpThumb for profile avatars.
  • Improved load of pdoTools.
  • [OfficeProfile] Fixed processing restrictions of length for field «comments».
  • [OfficeProfile] Fixed remove of profile photo on double form save.
  • [OfficeAuth] Improved process of login links.
  • [OfficeProfile] Ability to specify nested extended fields in &profileFields parameter.
  • [OfficeProfile] Ability to specify nested extended fields in &requiredFields parameter.
  • Updated FontAwesome to versions 4.5.0.
  • [Profile] Improved handling of field «dob».
  • Some ExtJS widgets improvements.
  • New system setting «office_controllers_paths».
  • New snippet «officeMiniShop2» as a shorthand for MS2 private office.
  • New Ext JS CSS styles.
  • Reformat code.
  • [miniShop2] Added search text field. Some UI improvements.
  • [RemoteAuth] Fixed parameter «rememberme».
  • [Auth] Fixed error with activation of emails with «+».
  • [Profile] Improved handling of passwords fields.
  • [Profile] Improved handling of «comment» field.
  • Added system setting «office_sanitize_pcre».
  • [Profile] Improved parsing of «profileFields» parameter.
  • Controllers will use pdoTools functions if available.
  • [#19] [Profile] Fixed issue with HybridAuth templates.
  • Updated HybridAuth version in the installer.
  • [Profile] Fixed removing old photos from «avatarPath».
  • [Auth] Fixed some log entries.
  • Added call of system event on user activation.
  • [Remote] Changed log level to «error».
  • Fixed retrieving of modMail ErrorInfo.
  • Improved creating of system settings.
  • [#10] [miniShop2] Fixed order log pagination.
  • [Profile] Improved handling of extended fields.
  • [Main] Fixed work of frontend scripts whe Minify is not working.
  • [Profile] Removed option «profile_force_email_as_username» by default.
  • [#9] [Profile] Do not overwrite existing extended fields.
  • [#6] [Profile] Ability not to use email in profile form.
  • Ability to set empty &requiredFields=«.
  • Fixed ExtJS windows animation in MODX 2.3.
  • [#4] Fixed loading of HybridAuth with custom chunks.
  • [miniShop2] Improved support of MODX 2.3.
  • Switched gravatar links to https by default.
  • [miniShop2] Added support of lexicons in payment, delivery and status names.
  • [miniShop2] Fixed empty product names in order grid on MS2 < 2.1.8.
  • [Auth] Added «username» and «fullname» fields to registration form.
  • [Auth] Ability to use username or email for login.
  • [Auth] User will receive activation email if he trying to login and his account was not activated.
  • [#3] [Auth] Ability to use $_GET[‘hauth_return’] for redirecting user to any page after authorization.
  • [#2] [Profile] Fixed clearing of user photo.
  • [#1] [Profile] Improved regular expression for supporting of all unicode characters.
  • [Main] Updated Ext JS modx-theme.
  • [Main] Added Font Awesome 4.1 for modx-theme.
  • [miniShop2] Updated miniShop2 controller and Ext JS grid for version 2.1.8.
  • [miniShop2] Improved format of weight and price in MS2 grid.
  • [miniShop2] Fixed default system setting «office_ms2_order_product_fields».
  • [Auth] Ability to use password for login.
  • [Auth] New login form.
  • [Profile] Ability to change password.
  • [Remote] Fixed parameter «updateUser» in remote auth controller.
  • [Auth] Ability to use regular user names, not email.
  • [Profile] Added system setting to force using emails as usernames.
  • [Profile] Ability to change username.
  • [Profile] Ability to upload user avatar.
  • Updated chunks for Bootstrap 3.
  • Ability to overwrite chunks on update.
  • [Remote] New controller for remote authentication.
  • Improved login errros handling.
  • Fixed &profileFields in «officeProfile».
  • [Profile] Ability to edit extended fields.
  • [miniShop2] Fixed popup windows in Internet Explorer.
  • Optimized creating of system settings fo «page_id».
  • [Profile] Added displaying error messages about required fields when user redirected to profile.
  • Added urldecode of action in plugins.
  • Fixed bug with clearing cache of site.
  • [Profile] Username is always the user`s email.
  • [Main] Component set «alow_multiple_emails» to false on installation.
  • [Auth] Improved work in multiple contexts.
  • [Auth] Fixed generated links for contexts in subdirectory.
  • [Auth] Moved «login» and «Logout» logic to system plugin.
  • [Auth] Improved saving «office_auth_page_id» setting.
  • [Profile] mproved saving «office_profile_page_id» setting.
  • [Main] Fixed issues with multiple controllers calls on one page.
  • Fixed email verification
  • Removed unused files
  • Added integration with HybridAuth 0.7+
  • Fixed wrong values in MS2 orders grid.
  • [Main] Changed hard coded «/manager/» to MODX_MANAGER_URL constant.
  • [Profile] Added system setting «office_profile_required_fields» for requirement from users to fill in this fields.
  • [Auth] Improved activation email.
  • [Auth] Fixed «loginResourceId» and «logoutResourceId».
  • [Profile] Fixed and improved update of profile.
  • [Profile] If user is not authenticated, controller do not redirects to unathorized page anymore.
  • [miniShop2] Fixed work with miniShop2, called on page.
  • [miniShop2] Improved orders table.
  • [miniShop2] If user is not authenticated, controller do not redirects to unathorized page anymore.
  • [miniShop2] Moved «details» link from context menu to the grid column.
  • [Main] Added «office_extjs_css» system setting for specifying custom css for ExtJS.
  • [miniShop2] Customizable orders grid.
  • [miniShop2] Customizable order form.
  • [miniShop2] Customizable address form.
  • [miniShop2] Customizable order product grid.
  • [miniShop2] Added new controller
  • [Main] Preparation for first public release
  • [Auth] Added system setting «office_auth_page_id»
  • [Profile] Added system setting «office_profile_page_id»
  • Added ability to load custom styles and javascript for Auth and Profile controllers.
  • [Main] Main class improvements. Added method Office::addClientExtJS()
  • [Auth] Improved redirect on login\logout
  • [Auth] Added checking of already send activation link
  • [Auth] Added checking of already logged in users
  • [Main] Integration of Ext JS from MODX
  • [Profile] Edit user profile and change email with verification.
  • [Auth] Login\logout

Создание многофункционального сайта — Разработка

NetSergio

#1

Здравствуйте коллеги!

Я хотел бы проконсультироваться с вами.
Мой клиент заказал создание портала-сайта для продажи корейских товаров и предложения различных услуг (изучение языков и т.д.)

Вот что вам в итоге нужно:

  • Основные страницы (Контакты, О нас и т. д. )
  • Карточки товаров (в начале будет до 100 товаров, а потом больше)
  • Онлайн оплата
  • Тележка
  • Фильтры для продуктов
  • Блог
  • Онлайн чат
  • Страница видео
  • Личный кабинет для посетителей
  • Возможность зарегистрироваться и оплатить просмотр видео уроков по языкам (чтобы — платил и мог смотреть (а не мог скачать, ну в общем чтоб не мог перепродать :))
  • Возможность через сайт связаться с учителем по видеосвязи и провести урок
  • Личный кабинет для учителей

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

Начнем с простого. Разделите создание сайта на несколько этапов:

1-й этап (Это то, что я могу сделать сегодня)

  • Я нахожу HTML-шаблон с правильным дизайном
  • набрать нужную структуру
  • Переход на Modx
  • Создаю нужные страницы (для начала 5-7 страниц)
  • Создать меню через PdoMenu
  • Создать блог через PdoResources
  • Создание комментариев через Тикеты
  • Я создаю категории продуктов в меню (такие как еда, вода и т. д.)
  • Создаю простой фильтр товаров (Посоветуйте как лучше сделать)
  • Я создаю карточки товаров, которые будут содержать информацию о фото и кнопку купить, ведущую к форме обратной связи

2-й этап (Это то, что сегодня не знаю как сделать)

  • Добавить личный кабинет для пользователя
  • Добавить личный кабинет для учителя
  • Даю им возможность связаться через сайт по видео и провести занятие онлайн

3 этап (Это то, что сегодня не знаю как сделать)

  • Настроил онлайн оплату
  • Установить тележку
  • Я устанавливаю функционал, чтобы посетители могли просматривать или скачивать уроки за плату

У меня вопрос — Возможно ли все это реализовать (это все проект на бумаге, а на деле возможно ли все так сделать)? Нормальный ли подход — сделать сайт-визитку с простым функционалом, а потом ко всему этому добавить остальную функциональность?

креатив внутри

#2

Безусловно, самое лучшее в Modx — это его расширяемость, но вам необходимо правильно спланировать это и начать изучение основ для следующих шагов.

Для элемента покупок я настоятельно рекомендую коммерцию от Modmore (https://modmore.com/commerce/). На самом деле, если у вас есть учетная запись Modx Cloud, вы можете использовать ее бесплатно во время разработки сайта. Самое замечательное, что у них есть отличная стартовая тема под названием Red, которую можно установить с помощью диспетчера пакетов, который настроит для вас учетные записи входа и пользователя.

Затем вы можете создать разные элементы управления учетными записями пользователей для учителей и учеников, вам также понадобится другая регистрационная форма для ученика и учителя (чтобы все было чисто).

Звучит как довольно сложная сборка, но не торопитесь, чтобы ее спланировать. Я рекомендую вам начать с установки Commerce и темы Red, чтобы помочь вам быстро начать использовать Login Extra. Создайте простые разделы сайта, которые вы знаете, а затем начните работать с пользовательскими областями.

1 Нравится

NetSergio

#3

Спасибо, Натанаэль, за такой развернутый и обнадеживающий ответ :)!

Я хочу спросить. Не могли бы вы рассказать нам немного больше о «планировании». Могу ли я сделать сначала «обычный-простой» сайт (1-й этап), а потом постепенно добавлять функционал?
Пожалуйста, также расскажите нам больше о Modx Cloud (может быть, просто киньте ссылку в нужное место, где можно прочитать). Также просьба сбросить ссылку, чтобы я мог почитать про красную тему, чтобы начать изучать эту тему.
Еще раз спасибо, Натанаэль!
Хорошо, что в этом сообществе есть добрые люди

NetSergio

#4

Я только начал знакомиться с Modmore и коммерцией… И увидел, что это все платные решения. Я хочу уточнить. Как видите, я начинающий разработчик и мой друг, которому я буду делать этот сайт, тоже человек небогатый. Откровенно говоря, в Украине (откуда я родом) зарплаты не высокие (особенно сейчас). Так что буду искать бесплатные решения. Если бы у меня была возможность, я бы с удовольствием использовал Modmore. Но не сейчас. Не знаю, соответствует ли все это вашему этикету… Но если есть возможность, то посоветуйте варианты бесплатных решений (я, например, слышал про минишоп)

и прочный

#5

Привет @NetSergio

Вы можете ознакомиться с дополнительными материалами для электронной коммерции, доступными на веб-сайте MODX:
50 дополнительных материалов для электронной коммерции личный опыт, но я бы посоветовал взглянуть на miniShop2.

Василий Наумкин (@bezumkin2) является разработчиком этого дополнения, и он разработал много других очень уважаемых дополнений, таких как PDO Tools.

Сказав это, если бы вы могли позволить себе стоимость Commerce, я думаю, вы обнаружите, что поддержка, которую вы получите от @march из modmore, будет для вас очень ценной.

Удачи в вашем проекте.

марк

#6

Не понимаю, почему бы и нет — ваши 3 этапа кажутся хорошим планом. Развивайте сайт по мере необходимости.

Для третьего этапа добавления платежей стоит немного подумать, чтобы избежать лишней работы в будущем.

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

НетСерджио

#7

Большое спасибо коллеги!
Какая хорошая вещь сообщество!

Я очень благодарен Марку Хамстре за совет по поводу MiniShop2. Да, я буду создавать продукты сразу через него.

Да, Василий Наумкин здесь очень уважаемый человек (Россия, Украина) и PdoTools очень хороший инструмент.

1 Нравится

внутренний креатив

#8

Привет, @NetSergio, прошу простить мое первоначальное предположение. Одна из замечательных особенностей Modx заключается в том, что вы можете использовать все, что захотите, для выполнения работы. Для Modx доступно несколько бесплатных решений для электронной коммерции, таких как Mini Shop, как вы и некоторые другие упомянули.

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

Проверьте логин (https://docs.modx.com/current/en/extras/login/login) для создания и управления учетными записями пользователей. Затем прочитайте https://docs.modx.com/current/en/building-sites/client-proofing/security/policies/acls, так как это одна из самых сложных вещей, чтобы разобраться с Modx (по крайней мере, это было для меня). Как только вы разберетесь с элементами управления доступом, вы сможете создавать разные информационные панели/области для учащихся и преподавателей.

Сообщите нам, как вы доберетесь до

fildefer57

#9

Sergio,

Это тип запросов, которые мы получаем от потенциальных клиентов, и причина, по которой мы используем MODXW для наших ответов.
Мы используем MODX и оказываем все подобные услуги с использованием дополнений MODX, включая наши собственные (см. Презентации modx Snowup).
Мы можем предоставить вам дополнительную помощь, если вам нужно, консультация бесплатна

Как добавить плагин контактной формы на веб-сайт ModX

Контактная форма Elfsight – легко управляемый в настройке и создании инструмент для создания контактных, ответных и всех других типов форм без навыков разработки.

Содержание

  1. Действие 1: Создайте свой персональный плагин
  2. Действие 2.1: Добавить полноразмерную контактную форму
  3. Действие 2.2: Добавление всплывающей контактной формы
  4. БОНУС: Создайте индивидуальную контактную форму прямо здесь!

Простая контактная форма для вашего сайта ModX

Контактная форма Elfsight Apps — это простой и чрезвычайно настраиваемый плагин, позволяющий создавать любые типы контактных форм. Если вы ищете удобный инструмент, который увеличит отклики посетителей и повысит коэффициент конверсии — этот плагин определенно для вас!

Основные характеристики:

  • Дизайн премиум-класса;
  • Адаптивный шаблон;
  • защита от капчи включена;
  • Параметры всплывающего окна и страницы;
  • Двухминутная установка.

Оставайтесь на связи с клиентами 24 часа в сутки, 7 дней в неделю, получайте отзывы по запрошенным электронным письмам и получайте больше потенциальных клиентов для своего бизнеса!

Шаги добавления плагина

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

Действие 1: Создайте свой персональный модуль

Формирование модуля

Перейдите по этой ссылке (Живой редактор), чтобы создать модуль. Выберите шаблон и настройки отображения, чтобы создать модуль, который лучше всего подойдет для вашего сайта. Или узнайте больше на странице продукта.

Получить код модуля

Завершающим этапом настройки формы Elfsight является получение html кода продукта.

Акт 2.1: добавьте полноразмерную контактную форму на страницу ModX

Закрепите контактную форму на одной из страниц.

Войдите в панель администратора ModX

Войдите на страницу администратора вашего сайта.

Выберите страницу для модуля

В левом меню во вкладке «Сайт» выберите страницу для вставки модуля.

Разместите модуль

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

Успех! Контактная форма установлена ​​

Посетите свой сайт, чтобы проверить настройки.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *