Joomla 3

With the Yandex ID component for Joomla, users can log in to your website via their Yandex accounts.

To set up Yandex ID on your website:

  1. Download an archive with the Yandex ID component for Joomla 3.

  2. Upload the component to Joomla:

    1. Log in to Joomla as an administrator.

    2. Go to Расширения (Extensions)Установка (Install). On the (Загрузить и установить) Upload & install tab, drag the archive with the Yandex ID component to the upload area.

  3. Configure the uploaded component:

    1. Go to Компоненты (Components)Yandex ID.

    2. Edit the Настройки Яндекс ID (Yandex ID settings):

      • App name is the name that the user will see when logging in via Yandex ID.
      • Authorization component determines which element will be used for granting access: a login button or an instant login widget.
      • Group assigned when creating a user determines which user group a new user is assigned to.
    3. Set the Запрашиваемые данные пользователя (Requested user data). During the authorization process, the Yandex ID component will ask the user to grant access to the data you specify in this section. If the user consents, their information will be saved on your website. You can select which user-related field the information will be saved in. You can request the following data: the username, first name, last name, gender, date of birth, phone number, email address, and avatar.

    4. If you select a login button as your authorization component, edit the Настройки внешнего вида для кнопки авторизации (Login button appearance settings):

      • Button type — Select a button type matching your website's design from the list. You'll see what the button looks like in the settings section.
      • Value of the button container's id attribute — Enter the ID of the container where the login button will be placed. The default value is yandex-id-container.
      • Button border radius — The button's border radius in pixels for rounded corners. When the value is 0, the button is rectangular.
      • Button theme — Should match the theme of the webpage where the button is placed so that it doesn't blend into the background.
      • Button size — Determines the default height, minimum width, and switching to the minimized appearance.
      • Icon type — Determines the language of the logo on the button.
      • Background color — Icon button's background color. Only applicable to the icon button with an outline.
      • Hover background color — Icon button's background color on hover. Only applicable to the icon button with an outline.
      • Outline color — Icon button's outline color. Only applicable to the icon button with an outline.
      • Hover outline color — Icon button's outline color on hover. Only applicable to the icon button with an outline.
      • Outline width — Icon button's outline width. Only applicable to the icon button with an outline.

      Note

      The color parameters accept HEX color values. For example, black is #000000. To find the HEX code of a specific color, you can use a color table like https://colorscheme.ru/html-colors.html.

  4. Place the Yandex ID authorization component on your website:

    1. Go to Расширения (Extensions)Модули (Modules) and select the Yandex ID module.

    2. Select the position for your authorization component and activate the module.

    3. Additionally, you can specify which pages should include the authorization component.