Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ для Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ записи Π½Π° курс

Π’ конструкторС Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΎΠ² SendPulse Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Авторизация, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° страницу записи Π½Π° курс со своим ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ рСгистрации Π½Π° курс ΠΈΠ»ΠΈ Π²Ρ…ΠΎΠ΄Π° Π² ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚ студСнта.

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ многостраничный сайт ΠΎ школС ΠΈΠ»ΠΈ экспСртС, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ курсы ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° сайт с привязанным курсом. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° сайт курса, ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ страницу ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π½Π΅Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ элСмСнт

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Авторизация (Course login) Π² Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ шаблона.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ курс

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ курс, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

НастройтС ΠΊΠ½ΠΎΠΏΠΊΠΈ

Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ (Form display options) Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π΅: Авторизация (Sign In), РСгистрация (Sign Up) ΠΈΠ»ΠΈ ΠΎΠ±Π΅.

РСгистрация

Кнопка РСгистрация ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠΊΠ½ΠΎ записи Π½Π° курс. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ поля для Ρ„ΠΎΡ€ΠΌΡ‹ записи, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°ΡΡ‚ΠΎΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ саму ΠΊΠ½ΠΎΠΏΠΊΡƒ.

ПослС заполнСния Ρ„ΠΎΡ€ΠΌΡ‹ рСгистрации Π½Π° ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ студСнту Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ письмо с ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ студСнт Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ Ρ„ΠΎΡ€ΠΌΡƒ рСгистрации, Π½Π° ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ ΠΈΠΌ ΠΏΠΎΡ‡Ρ‚Ρƒ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚ письмо с ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ доступа. Π’ΠΎΠΉΡ‚ΠΈ Π² ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ студСнт смоТСт послС ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΏΠΎ ссылкС, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π² письмС.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ большС: Как студСнт ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Для настройки ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ РСгистрация (Sign up).

НастройтС Ρ„ΠΎΡ€ΠΌΡƒ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ доступныС поля β€” Email ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ для Π²Ρ…ΠΎΠ΄Π° Π² ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚ студСнта β€” ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свои для сохранСния Π΄Π°Π½Π½Ρ‹Ρ… ΠΎ студСнтС.

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ для Ρ„ΠΎΡ€ΠΌΡ‹, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π΅ (Add field).

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ ΠΏΠΎΠ»Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² поля.

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΈΠΏ поля ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅.

Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ поля Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅, Π² ΠΊΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π° Π² CRM ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ. Π’Π°ΠΊΠΆΠ΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ студСнта создаСтся сдСлка.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ для заполнСния, Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ.

НастройтС ΠΊΠ½ΠΎΠΏΠΊΡƒ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π±Ρ‹Π» Π»ΠΈ студСнт записан Ρ€Π°Π½Π΅Π΅ Π½Π° любой курс этого ΠΆΠ΅ прСподаватСля Π½Π° этом Π΄ΠΎΠΌΠ΅Π½Π΅. По Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ откроСтся Ρ„ΠΎΡ€ΠΌΠ° для Π²Π²ΠΎΠ΄Π° Π΄Π°Π½Π½Ρ‹Ρ….

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ настройкС ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Кнопка рСгистрации (Signup button) Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ.

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ тСкст для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сцСнария:

ВСкст рСгистрации (Course sign in text) ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ, Ссли студСнт Π½Π΅ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½ Π² ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚Π΅ студСнта.
ВСкст записи Π½Π° курс (Course sign up text) ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ, Ссли студСнт Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½, Π½ΠΎ Π½Π΅ записан Π½Π° курс.
ВСкст ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° курс (Go-to-course text) ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ, Ссли студСнт Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½ ΠΈ записан Π½Π° курс.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ

Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π² ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ (Add button). НаТмитС Π½Π° ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ настройкС ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Авторизация

Кнопка Авторизация открываСт ΠΎΠΊΠ½ΠΎ для Π²Ρ…ΠΎΠ΄Π° Π² ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚ студСнта. Π‘Ρ‚ΡƒΠ΄Π΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΠΉΡ‚ΠΈ Π² ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚, Ссли рСгистрировался Π½Π° любой курс этого ΠΆΠ΅ прСподаватСля Π½Π° этом Π΄ΠΎΠΌΠ΅Π½Π΅.

Для настройки ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Авторизация (Sign in).

НастройтС Ρ„ΠΎΡ€ΠΌΡƒ

Для стандартных ΠΏΠΎΠ»Π΅ΠΉ β€” Email ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ β€” Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ поля ΠΈ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π² пустом ΠΏΠΎΠ»Π΅. Для этого Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ поля Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ.

НастройтС ΠΊΠ½ΠΎΠΏΠΊΡƒ

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ° Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Кнопка Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ (Login button).

НастройтС внСшний Π²ΠΈΠ΄

НастройтС внСшний Π²ΠΈΠ΄ элСмСнта. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ располоТСниС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ: слСва, ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈΠ»ΠΈ справа.

Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄Β ΠΏΠΎΠ»Π΅ΠΉ (Field appearance) Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π½Π° страницС вашСго сайта.

ВстроСнная Ρ„ΠΎΡ€ΠΌΠ° (Static form) ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ рСгистрации Π½Π° курс с полями для Π²Π²ΠΎΠ΄Π° Π΄Π°Π½Π½Ρ‹Ρ….
МодальноС ΠΎΠΊΠ½ΠΎΒ (ModalΒ form) ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ рСгистрации, ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ открываСтся ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π°Ρ Ρ„ΠΎΡ€ΠΌΠ°.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ настройкам ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ ΠΏΠΎΠ»Π΅ΠΉ Π²ΠΎ встроСнной Ρ„ΠΎΡ€ΠΌΠ΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘Ρ‚ΠΈΠ»ΡŒ ΠΏΠΎΠ»Π΅ΠΉ (Field style).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для внСшнСго Π²ΠΈΠ΄Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ:

Π€ΠΎΠ½ модального ΠΎΠΊΠ½Π° (Modal window background) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° Ρ„ΠΎΡ€ΠΌΡ‹. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.
Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ (Rounding) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρ„ΠΎΡ€ΠΌΡ‹. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² пиксСлях.
Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ отступ (Inner padding) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ отступ ΠΌΠ΅ΠΆΠ΄Ρƒ полями Ρ„ΠΎΡ€ΠΌΡ‹. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² пиксСлях.
Π¦Π²Π΅Ρ‚ тСкста Π² Ρ„ΠΎΡ€ΠΌΠ΅ (Form texts color) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ тСкста Ρ„ΠΎΡ€ΠΌΡ‹. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.
Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΠΎΠ»Π΅ΠΉ (Field appearance) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΠΎΠ»Π΅ΠΉ с тСкстом. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½ΡƒΡŽ ΠΈΠ»ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ.
Π¦Π²Π΅Ρ‚ тСкста Π² ΠΏΠΎΠ»Π΅ (Input field text color) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ тСкста Π² ΠΏΠΎΠ»Π΅. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.
Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° (Background color) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ размСщаСтся тСкст. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.
Π¦Π²Π΅Ρ‚ Ρ€Π°ΠΌΠΊΠΈ (Border color) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Ρ€Π°ΠΌΠΊΠΈ Ρ„ΠΎΡ€ΠΌΡ‹. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.
Π Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎΠ»Π΅ΠΉ (Field size) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ всСх ΠΏΠΎΠ»Π΅ΠΉ. ДоступныС ΠΎΠΏΡ†ΠΈΠΈ: малСнький (S), срСдний (M) ΠΈ большой (L).
Π¦Π²Π΅Ρ‚ ссылок Π² Ρ„ΠΎΡ€ΠΌΠ΅ (Form link color) Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ поля с ссылкой. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.

Π’Π°ΠΊΠΆΠ΅ Π² ΠΏΠΎΠ»Π΅ РасполоТСниС (Alignment) Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ располоТСниС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ: слСва, ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈΠ»ΠΈ справа.

НастройтС Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ Ρ†Π΅Π»Π΅ΠΉ с Ρ„ΠΎΡ€ΠΌΡ‹ Π² события Google Analytics ΠΈ Facebook Pixel. НаТмитС ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ (Analytics settings).

Если Ρƒ вас Π½Π΅ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π° Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ ссылкС Как Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ (How to set it up).

Для Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, Π² настройках сайта Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ ΠΊΠΎΠ΄Ρ‹ пиксСля Facebook ΠΈ Google Analytics. Π£Π·Π½Π°ΠΉΡ‚Π΅ большС: Как ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Google Analytics ΠΊ сайту ΠΈ Как ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ пиксСль Facebook ΠΊ сайту.

Если Ρƒ вас Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π° Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π΄Π²Π° ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»Ρ.

Если Π²Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠŸΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†Π΅Π»ΡŒ Π² Google Analytics, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π΄Π°Π½Π½Ρ‹Π΅ для ΠΏΠΎΠ»Π΅ΠΉ ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡ (Category), ДСйствиС (Action), ΠœΠ΅Ρ‚ΠΊΠ° (Label) β€” эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒΡΡ Π² Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Бобытия.

Если Π²Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠŸΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†Π΅Π»ΡŒ Π² пиксСль Facebook, автоматичСски Π±ΡƒΠ΄Π΅Ρ‚ сформировано событиС Complete Registration. Π•Π³ΠΎ Π²Ρ‹ смоТСтС ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π΅ событий вашСго бизнСс-Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π° Facebook.

Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ID

Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта прСдусмотрСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ (ID), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ опрСдСляСт элСмСнт Π½Π° страницС. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ стили ΠΈ скрипты, Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠΊΠ°Π· ΠΏΠΎΠΏΠ°ΠΏΠΎΠ² ΠΈ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ события ΠΏΠΎ этому элСмСнту.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ID, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π½Π΅Π³ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ID, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ°.

Π£Π·Π½Π°ΠΉΡ‚Π΅ большС: ID Π±Π»ΠΎΠΊΠ° ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°.

Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ настройки, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ сайт.

    ΠžΡ†Π΅Π½ΠΈΡ‚Π΅, насколько ΠΏΠΎΠ»Π΅Π·Π½Π° ΡΡ‚Π°Ρ‚ΡŒΡ "Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ для Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ записи Π½Π° курс"

    ΠžΡ†Π΅Π½ΠΊΠ°: 4 / 5 (6)

    Назад

    Как Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½Π° сайтС

    Π”Π°Π»Π΅Π΅

    Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° сайт курса Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ

    ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΠ΅ Π² нашСм Π±Π»ΠΎΠ³Π΅

    НачнитС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСрвисом SendPulse прямо сСгодня