WordPress-те кодтаусыз байланыс формасын қалай жасауға болады

WordPress веб-сайтыңызға байланыс формасын қосқыңыз келеді, бірақ код жазуды білмейсіз бе? Сіз дұрыс жердесіз. Бұл қадамдық нұсқаулықта сіз қалай істеу керектігін үйренесіз WordPress-те бір жол код жазбай кәсіби байланыс формасын жасаңыз- және бұл 5 минуттан аз уақытты алады.

Сіз блогер, шағын бизнес иесі болсаңыз да немесе алғашқы веб-сайтыңызды жасап жатсаңыз да, байланыс формасының болуы өте маңызды. Бұл келушілерге сізбен оңай байланысуға, әлеуетті клиенттерді тартуға көмектеседі және электрондық пошта мекенжайыңызды жариялаудан әлдеқайда кәсіби көрінеді.

Неліктен әрбір WordPress веб-сайтына байланыс формасы қажет

Оқулыққа кіріспес бұрын, байланыс формасының неліктен маңызды екенін түсінейік:

  • Электрондық поштаңызды спамнан қорғайды – Электрондық пошта мекенжайыңызды жария түрде жариялау спам-боттарды кіріс жәшігіңіздің толтырылуына шақырады
  • Кәсіби көрінеді – Жақсы жасалған форма келушілердің сенімін арттырады
  • Құрылымдық ақпаратты жинайды – Қажетті мәліметтерді (аты-жөні, электрондық поштасы, хабарламасы) ұйымдасқан түрде алыңыз
  • Сұрауларды бақылайды – Жіберілген материалдарды электрондық поштада жоғалтудың орнына, оларды WordPress басқару тақтасында сақтаңыз
  • Ұялы телефонға ыңғайлы тәжірибе – Форма телефондар мен планшеттерде тамаша жұмыс істейді

Сізге не қажет

Бұл нұсқаулықты орындау үшін сізге қажет:

  • WordPress веб-сайты (WordPress.org сайтында жеке хостинг арқылы)
  • Плагиндерді орнатуға әкімші қатынасы
  • Уақытыңыздың 5 минутын

Болды! Бағдарламалау білімі, техникалық тәжірибе, ақылы құралдар қажет емес.

1-қадам: Автоматты форма құрастырушысын орнатыңыз (тегін плагин)

Біз қолданамыз Автоматты форма құрастырушысы (Сондай-ақ белгілі А.Ф.Б.) — тегін, жеңіл WordPress плагині Көрнекі сүйреп апару интерфейсімен. Бұл жаңадан бастаушылар үшін өте қолайлы, себебі үйренуде ешқандай қиындық жоқ.

Оны қалай орнату керек:

  1. WordPress әкімші басқару тақтасына кіріңіз
  2. Бару Плагиндер → Жаңасын қосу
  3. Іздеу »А.Ф.Б.«(Автоматты форма құрастырушысының қысқа атауы)
  4. Іздеу »AFB – Автоматты форма құрастырушысы – Форма жасаушыны сүйреп апару«
  5. басыңыз Қазір орнату, содан кейін іске қосыңыз

💡 Кеңес: WordPress репозиторийінде плагинді табудың ең жылдам жолы - «AFB» іздеу.

Белсендіруден кейін WordPress әкімші мәзірінде «Автоматты түрде форма құрастырушысын» көресіз. Міне, сіз алғашқы формаңызды жасауға дайынсыз!

2-қадам: Жаңа байланыс формасын жасаңыз

Енді байланыс формасын құрастырайық:

  1. басыңыз Автоматты форма құрастырушысы әкімші мәзіріңізде
  2. басыңыз Жаңа форма жасау
  3. Сіз үлгіні таңдау экранын көресіз - таңдаңыз Байланыс нысаны

Auto Form Builder алдын ала жасалған байланыс формасының үлгісімен бірге келеді, оған мыналар кіреді:

Шаблон бірден пайдалануға дайын, бірақ оны қалауыңыз бойынша теңшей аласыз.

3-қадам: Пішін өрістерін теңшеу (міндетті емес)

Өрістерді қосқыңыз немесе өзгерткіңіз келе ме? Сүйреп апару құрастырушысы мұны жеңілдетеді:

Жаңа өрістерді қосу

Сол жақ бүйірлік тақтада қолжетімді өріс түрлерін көресіз. кез келген өрісті сүйреңіз форма кенебіңізге:

  • Мәтін енгізу – Аты-жөні немесе тақырыбы сияқты қысқа жауаптар үшін
  • Электрондық пошта – Электрондық пошта мекенжайларын автоматты түрде тексереді
  • Телефон – Қосымша пішімдеуі бар телефон нөмірлері үшін
  • Мәтін аймағы - Ұзын хабарламалар үшін
  • Түсіп қалу – Пайдаланушыларға опцияларды таңдауға мүмкіндік беріңіз («Байланыс себебі» сияқты)
  • Checkbox – Келісім өрістері немесе бірнеше таңдау үшін

Өріс параметрлерін өңдеу

Оны теңшеу үшін кез келген өрісті басыңыз:

  • Өзгерту заттаңба (мысалы, «Толық аты-жөніңіздің» орнына «Аты-жөніңіз»)
  • қосу толтырғыш мәтін пайдаланушыларға бағыт беру үшін
  • Өрістер жасау қажет немесе міндетті емес
  • қосу анықтама мәтіні төмендегі өрістер

Өрістерді қайта реттеу

Жай өрістерді жоғары немесе төмен сүйреңіз олардың ретін өзгерту үшін. Визуалды құрастырушы сіздің формаңыздың қалай көрінетінін дәл көрсетеді.

4-қадам: Пішін параметрлерін конфигурациялау

басыңыз Параметрлер Біреу сіздің формаңызды жіберген кезде не болатынын конфигурациялау үшін қойындыны басыңыз:

Сәттілік хабары

Пайдаланушылар жібергеннен кейін көретін хабарламаны теңшеңіз. Мысалы:

«Бізбен хабарласқаныңыз үшін рақмет! Біз сізге 24 сағат ішінде жауап береміз.»

электрондық пошта хабарландыруларын

Біреу сіздің формаңызды толтырған кезде бірден хабарландыру алыңыз:

  1. қосу электрондық пошта хабарландыруларын
  2. Электрондық пошта мекенжайыңызды енгізіңіз (немесе үтірмен бөлінген бірнеше электрондық пошта мекенжайын)
  3. Электрондық поштаның тақырып жолын реттеңіз

Әрбір жіберілген материал тікелей сіздің пошта жәшігіңізге жіберіледі және WordPress басқару тақтасында қауіпсіз сақталады.

5-қадам: Пішініңізді безендіріңіз (міндетті емес)

Пішініңіз веб-сайтыңыздың дизайнына сәйкес келуін қалайсыз ба? Теңшеу үшін "Теңшеу" қойындысын басыңыз:

  • түстер - Түймелердің түстерін, фондарын және мәтінін өзгертіңіз
  • Шекаралар - Өріс шекараларын және бұрыш радиусын реттеңіз
  • аралығы – Толтырғыштар мен жиектерді басқару
  • түйме – Жіберу батырмасының мәтіні мен көрінісін реттеңіз

Автоматты форма құрастырушы формалары кез келген тақырыпқа керемет көріну үшін жасалған, сондықтан стильдеу мүлдем міндетті емес.

6-қадам: Қысқа кодты сақтаңыз және алыңыз

Формаңызға қанағаттанғаннан кейін:

  1. Формаңызға атау беріңіз (мысалы, «Байланыс формасы»)
  2. басыңыз Форманы сақтау
  3. Көшіріңіз Shortcode көрсетіледі

7-қадам: Байланыс формасын өз бетіңізге қосыңыз

Енді сіздің формаңызды веб-сайтыңызда көрсетейік:

А нұсқасы: Бар бетке қосу

  1. Бару беттер және байланыс бетіңізді өңдеңіз
  2. Форманың пайда болуын қалайтын жерге қысқа кодты қойыңыз
  3. басыңыз Жаңарту

B нұсқасы: Жаңа байланыс бетін жасау

  1. Бару Беттер → Жаңасын қосу
  2. Оған «Байланыс» немесе «Бізбен хабарласыңыз» деп ат қойыңыз.
  3. Қаласаңыз, кіріспе мәтінін қосыңыз
  4. Қысқа кодты қойыңыз
  5. басыңыз Жариялау

Жаңа әдемі байланыс формасының жұмысын көру үшін парақшаңызға кіріңіз!

8-қадам: Байланыс нысанын тексеріңіз

Жаңа формаңызды әлемге жарияламас бұрын, оны сынап көріңіз:

  1. Байланыс бетіңізге кіріңіз
  2. Тест туралы ақпаратпен форманы толтырыңыз
  3. Жіберу түймешігін басыңыз
  4. Сәттілік туралы хабарламаны көргеніңізді тексеріңіз
  5. Хабарландыру алу үшін электрондық поштаңызды тексеріңіз
  6. WordPress-те мына жерге өтіңіз: Автоматты форма құрастырушысы → Тапсырулар сақталған жазбаны көру үшін

Егер бәрі дұрыс болса, құттықтаймын - сіздің байланыс формаңыз жұмыс істейді!

Байланыс нысанын жіберуді басқару

Auto Form Builder бағдарламасының ең жақсы мүмкіндіктерінің бірі - кіріктірілген тапсыруды басқаруТек электрондық пошта жіберетін кейбір форма плагиндерінен айырмашылығы, әрбір жіберілген мәтін WordPress дерекқорында сақталады.

Бару Автоматты форма құрастырушысы → Ұсыныстар үшін:

  • Барлық жіберілген материалдарды қарау іздеуге болатын кестеде
  • Күні бойынша сүзгілеу – Бүгін, осы аптада, осы айда және т.б.
  • Жіберілген материалдарды іздеу - Нақты хабарламаларды бірден табыңыз
  • Оқылған/оқылмаған деп белгілеу – Қандай сұрақтарды қарастырғаныңызды бақылаңыз
  • Маңызды хабарламаларды жұлдызшамен белгілеңіз – Басымдығы жоғары байланыстарды белгілеңіз
  • CSV -ге экспорттау – Деректеріңізді электрондық кестелер немесе сақтық көшірмелер үшін жүктеп алыңыз

Бұл электрондық пошталар жеткізілмесе де, сіз ешқашан тұтынушы сұранысын жоғалтпайсыз дегенді білдіреді.

Неліктен автоматты форма құрастырушысы байланыс формалары үшін өте қолайлы

WordPress форма плагиндері көп, бірақ Auto Form Builder байланыс формаларын жасауда неге ерекшеленеді:

 

ерекшелік Автоматты форма құрастырушысы
баға ✅ Тегін
Апарып тастау құрастырушысы ✅ Иә
Алдын ала жасалған байланыс формасының үлгісі ✅ Иә
Электрондық пошта хабарландырулары ✅ Иә
Тапсыру қоймасы ✅ Иә (WordPress-те)
Мобильді жауап ✅ Иә
Кодтау қажет емес ✅ Иә
Жеңіл және жылдам ✅ Иә
GDPR талаптарына сәйкес (серверіңіздегі деректер) ✅ Иә
Жіберілген материалдарды экспорттау ✅ CSV, JSON, XML
Шартты логика ✅ Иә

Жиі Қойылатын Сұрақтар

Бұл форма менің WordPress тақырыбыммен жұмыс істей ме?

Иә. Auto Form Builder кез келген WordPress тақырыбымен жұмыс істеуге арналған.

Электрондық пошта арқылы формаларды ала аламын ба?

Әрине. Пішін параметрлерінде электрондық пошта хабарландыруларын қосыңыз, сонда біреу сіздің формаңызды жіберген сайын сізге электрондық пошта жіберіледі. Жіберілген материалдар WordPress басқару тақтасында сақтық көшірме ретінде де сақталады.

Байланыс нысаны мобильді құрылғыларға ыңғайлы ма?

Иә. Auto Form Builder көмегімен жасалған барлық формалар толығымен жауап береді және телефондарда, планшеттерде және үстел үсті компьютерлерінде керемет көрінеді.

Формамды спамнан қалай қорғаймын?

Auto Form Builder спамнан қорғау қондырмаларын, соның ішінде Google reCAPTCHA және Cloudflare Turnstile ұсынады.

Келесі қадамдар

Енді сіздің WordPress веб-сайтыңызда байланыс формасы бар болғандықтан, келесі жақсартуларды қарастырыңыз:

  • Байланыс формаңызды төменгі колонтитулға қосыңыз – Оны әр беттен қолжетімді етіңіз
  • Кері байланыс формасын жасаңыз - Тұтынушылардың пікірлері мен пікірлерін жинаңыз
  • Жаңалықтар бюллетеніне жазылу формасын жасаңыз - Электрондық пошта тізіміңізді кеңейтіңіз
  • Спамнан қорғауды қосу – Жоғары трафикті сайттар үшін reCAPTCHA қосыңыз

қорытынды

WordPress-те байланыс формасын жасау ешқандай кодтау дағдыларын қажет етпейді. Автоматты форма құрастырушысы, сіз кәсіби, мобильді құрылғыларға бейімделетін байланыс формасын 5 минуттан аз уақыт ішінде — мүлдем тегін жасай аласыз.

Сүйреп апару интерфейсі жаңадан бастаушылар үшін оңай етеді, ал кіріктірілген жіберуді басқару тұтынушы сұрауын ешқашан жіберіп алмауды қамтамасыз етеді. Сонымен қатар, барлық деректеріңіз өзіңіздің WordPress серверіңізде қауіпсіз сақталады.

Байланыс формасын жасауға дайынсыз ба? Автоматты форма құрастырушысын жүктеп алыңыз WordPress плагиндерінің репозиторийінен жүктеп алып, бүгін бастаңыз.

пікір қалдыру

Сіздің электрондық пошта мекенжайы емес жарияланады. Міндетті өрістер таңбаланған *