Како додати образац за контактКао власник веб странице, свакако бисте требали научити како да додате образац за контакт у ВордПресс. Ваша веб локација није анониман ентитет. Већина људи жели знати и повремено комуницирати с онима који стоје иза садржаја који читају. Зашто мислите да постоје ауторски профили и коментари на блогу?


Из тог разлога, у овом чланку ћете научити како да додате контакт образац на своју веб страницу ВордПресс. Пост ће прво прећи из разлога зашто је добра идеја, а затим ћете добити детаљни водич о томе како да додате контакт образац на своју веб локацију путем додатка..

Такође ћемо говорити о томе како променити дизајн свог обрасца и имплементирати заштиту од нежељене поште. Штавише, прегледаћемо обрасце за контакт и заштиту личних података – нешто што се у последње време више фокусирало. Коначно, у ВордПрессу ћете пронаћи листу додатака помоћу којих можете додати образац за контакт.

Можда звучи много, али не брините – остат ћемо једноставно!

Contents

Зашто бисте требали користити образац за контакт на свом ВордПресс сајту?

Пре него што се упустимо у то како да истражимо зашто је то неопходно. Много је добрих разлога за коришћење контакт форме на вашој веб локацији уместо да директно објављујете своју адресу е-поште.

  • Заштита од нежељене поште – Спам је штеточина. Брзо ћете то примјетити када имате ВордПресс веб страницу која користи коментаре на блогу. Једна ствар коју спамери раде је да аутоматски скенирају веб локације за незаштићене адресе е-поште како би их могли додати на своје адресе поште. Обрасци контаката спречавају то давањем посетиоцима прилику да ступе у контакт без објављивања адресе на мрежи.
  • Питајте за праве информације – Људи који ступају у контакт са вама не шаљу увек све потребне информације. Уз контакт образац, можете га посебно затражити унапред. То вам такође омогућава начин филтрирања упита, на пример по врсти. То вам олакшава живот и смањује пуно напријед-назад.
  • Информишите своје клијенте – Супротно томе, контакт обрасци такође могу бити прва тачка информација. Можете да укључите информације за позиваоце како бисте их обавестили о очекиваном времену одговора и корацима које могу предузети унапред да одговоре на своје упите. То смањује вероватноћу вишеструке поруке е-поште од исте нестрпљиве особе.

Уверени да су контакти корисни? Онда пређимо на практични део овог водича.

Како додати образац за контакт у ВордПресс уз контакт образац 7

Постоје многи ВордПресс додаци за додавање контакт форме на вашу веб локацију, бесплатну и премиум. О неколико од њих ћемо говорити у овом чланку. За следећи туториал ћемо користити Контакт образац 7.

Додатак је доступан у директоријуму ВордПресс и стално је међу њима најпопуларнији додаци свих времена (уствари, у време писања овог писма то је на првом месту). Поред тога, једноставан је за употребу, има лепу листу функција и разумне додатке.

Зато га и бирамо како бисмо вас научили како да додате контакт образац у ВордПресс.

Корак 1. Инсталирајте контактни образац 7 Додатак

Инсталација контакт форме 7 једноставна је као и било који други ВордПресс додатак. Једноставно се пријавите на своју веб локацију, идите на Додаци> Додај ново и унесите његово име у поље за претрагу.

инсталирајте контакт образац 7 да бисте додали образац за контакт у вордпресс

То би требало да се појави на првом месту. Кликните на Инсталирај одмах да бисте га преузели на својој веб локацији. Када то учините, кликните на Активирати да почнете да користите додатак.

Корак 2. Креирајте свој нови контакт образац

Након инсталације пронаћи ћете нову ставку менија под називом Контакт на вашој ВордПресс бочној траци. Ако га кликнете пређете на овај екран.

контакт образац 7 главног менија

Добијате бројне савете за побољшање вашег обрасца за контакт, као што је коришћење заштите од нежељене поште. На то ћемо доћи касније.

Још важније, пронаћи ћете листу свих контакт образаца на својој веб локацији. Садржи образац узорка који теоретски можете одмах да користите. Или кликните на њу да бисте започели уређивање или притисните Додај нови у врху екрана. Обојица ће вас довести овде:

како додати образац за контакт у вордпресс помоћу контакт форме 7

На почетку дјелује помало загонетно, али не брините – схватићете то ускоро.

Да бисте радили, ваш образац за контакт треба поља. Поља су она где посетиоци уносе своје име, адресу е-поште или поруку коју желе да вам пошаљу, или било шта друго што бисте желели да додају..

Контакт образац 7 креира оне са мало ХТМЛ-а плус прилагођене ознаке. Све између означава једно поље вашег обрасца за контакт плус текстни опис који му припада. Стварна поља креирају се према квадратним заградама.

Да ли то значи да за креирање контакт форме требате научити програмске језике? Срећом, додатак долази с алатима за аутоматско генерисање истих.

Корак 3. Конфигуришите образац

Тренутно ће задани образац који имамо у задњем крају изгледати овако на страници.

Конфигурација обрасца за контакт
„Додајте образац за контакт у ВордПресс“ пример обрасца

Све је то стандардно. Рецимо да желите да додате падајући мени да бисте изабрали сврху контакта са вама. На тај начин можете одмах видети поруке којима ћете дати предност.

Да бисте то учинили, прво морате да поставите курсор тамо где желите да се мени појави у контакт обрасцу. У овом случају, то је између адресе е-поште и субјекта.

Кликните падајући мени на алатној траци на врху. Добиће вас до овог менија:

контакт образац 7 створи падајући мени

Ево како попунити различита поља:

  • Врста поља – Одаберите да ли је потребно поље да бисте послали образац за контакт или не.
  • Име – Означава име које се користи у ознаци. Неће се појавити за посетиоце, али олакшава вам упамћење сврхе ознаке и конфигурирање е-поште која је касније послата на ваш налог.
  • Опције – Унесите опције доступне посетиоцима помоћу падајућег менија. Ставите једну по линију. Такође имате могућност да омогућите више избора и користите празан предмет као подразумевани.
  • Атрибут ид / класе – На овом месту можете доделити ЦСС класу или ид пољу. Ово је веома корисно за прилагођени стил. О томе ћемо касније.

Ево како смо га испунили:

испуњен образац за контакт генератора ознаке обрасца

Када сте задовољни, кликните на Уметни ознаку да га ставим у форму.

додајте ознаке обрасца за падајући мени у контакт образац 7

Имајте на уму да након што схватите како ознаке функционишу, такође их можете креирати или извршити промене у пољу за текст. На пример, да би нови падајући мени био обавезан поље, после тога можете једноставно избрисати звездицу одаберите. Што више користите додатак, боље разумете како он функционише.

Сада је преостало само додати ознаку. То је текст који прати поље за образац за контакт да би објаснио шта ради. Једноставно копирајте и залепите постојећи код из других поља, а затим га прилагодите својим потребама.

додајте хтмл код да бисте формирали ознаке у контакт облику 7

Корак 4. Уређивање поставки е-поште

Даље, морате конфигурирати е-пошту која вам је послата из контакт обрасца. Не изненађује, ово радите испод Пошта картицу на врху.

конфигуришите контакт образац 7 поставки е-поште

Поља ћете унапред напунити сличним ознакама као и образац за контакт раније. Такође вам нуди доступне ознаке поља, укључујући све нове које сте креирали раније (ако сте сачували образац). Можете их користити за прилагођавање начина на који ћете примати поруке од свог контакт обрасца.

Ево шта свако поље значи:

  • До – Адреса е-поште на коју ће се поруке слати. Обично можете оставити ово што јесте.
  • Фром – Пошиљалац е-поште. Подразумевано је постављено на име особе која користи контакт образац.
  • Додатна заглавља – Простор за додатна поља заглавља поруке. Стандардна подешавања шаљу ваш одговор на е-пошту особе која вас контактира, а не на адресу е-поште од које потиче (тј. Ваша веб локација) када ударите Одговорити. То је такође могуће тамо ставите приматеље у ЦЦ или БЦЦ.
  • тело поруке – Тело е-поште коју ћете добити.
  • Изузмите линије са празним поштанским ознакама из излаза – Када то проверите, ако је нека од коришћених ознака празна, додатак ће их искључити из поруке.
  • Користите врсту ХТМЛ садржаја – Подразумевано се порука шаље у обичном тексту. Означите ово поље да бисте уместо њега користили ХТМЛ.
  • Филе Аттацхментс – Ако ваш образац омогућава слање датотека, овде припадају ознаке за те датотеке. Можете га користити и за приложите датотеке хостоване на вашем серверу.
  • Пошта (2) – Додатни образац поште који се често користи као аутоматски одговор. Означите да бисте је активирали.

Стандардне опције су прилично добре. Једино што морамо да променимо у нашем примеру је линија предмета.

подесите филтер у свом програму за пошту

Користећи горњи формат, сада можете поставити филтер у свом програму за е-пошту да бисте сортирали поруке по темама, дајући предност пословним упитима. То је све за подешавања поште за сада.

Корак 5. Додајте поруке обрасца

Следеће је Поруке картицу. Имате могућност конфигурирања порука са којима се посетиоци могу сусрести током коришћења обрасца.

конфигуришите поруке обрасца за контакт образац 7

То су поруке о грешци, поруке о успеху или само наговештаји како правилно користити образац. Откривамо да су ови већ прилично добри па обично све оставимо онако како јесте. Ако имате разлога да промените било који од њих (на пример, да се уклапа у тон ваше веб странице), слободно то учините.

Корак 6. Прилагодите додатне поставке

Коначно, прелазите на додатна подешавања.

контакт образац 7 додатна подешавања

Подразумевано су празне. Можете радити различите ствари – од ограничавања могућности да само пријављени људи предају контакт образац за постављање обрасца у демо режим за потребе тестирања. Није важно за наше сврхе, али све различите опције можете пронаћи у документацију.

Корак 7. Додајте образац на своју веб локацију

Сада када сте завршили са конфигурирањем обрасца, време је да га набавите на својој веб локацији. Прво што треба да урадите је да сачувате образац помоћу истоименог дугмета.

Пре него што то учините, можда би требало да додате име на врх. Ово ће образац учинити препознатљивијим у случају да створите више њих.

Једном када сачувате образац, на екрану ће се појавити кратки код:

контакт образац 7 кратки код да бисте додали образац за контакт у вордпресс

Користићете га да поставите образац где год желите. Прво што желите да урадите је да је обележите и копирате. Када то учините, идите на страницу на којој желите да поставите образац. На пример, једноставно можете да направите нову страницу и да јој дате назив Контакт. Налепите пречицу у ВордПресс едитор.

контакт образац 7 кратак код у уређивачу вордпресса

Када сада објавите страницу и пређете на главни део:

Контакт образац 7 образац на страници

Ево га. Примјетите падајући мени који смо креирали раније. Сада је део контакт форме по потреби.

Једноставно, зар не? Поред тога, исти метод можете користити да бисте обрасце поставили било где другде.

Корак 8. Укључите образац за контакт у бочну траку (необавезно)

Не постоји ништа лакше од постављања контактног обрасца у бочну траку. Само иди на то Изглед> Додаци. Додајте текстуални виџет у било које видгетизед подручје за које желите да се контакт образац појави и залијепите кратки код.

додајте контакт форму у Вордпресс виџет

Не заборавите да сачувате виџет! Када се сада вратите на предњи део своје веб локације, ево:

контакт образац у ВордПресс виџету

Управо сте савладали основе додавања контакт форме у ВордПресс-у. Нисмо још на крају. Постоји још гомила ствари које су неопходне за побољшање образаца.

Обрасци за контакт у програму ВордПресс – Следећи кораци

Једном када на веб локацији имате образац, рад се не завршава. Још увек постоје неке важне ствари о којима морате водити рачуна, нпр. О облику свог обрасца, заштити га од нежељене поште и примените мере заштите за личне податке. Урадимо то редом:

Промена дизајна облика

У идеалном случају, нема потребе за променом стила вашег контактног обрасца. То је вероватно у нашем случају, јер контакт образац 7 користи стандардни ХТМЛ код ознака или инпут [типе = "текст"] да креирате поља образаца.

У добрим ВордПресс темама, оне су дефинисане у табели стилова. Сходно томе, контакт образац највјероватније аутоматски одговара вашем дизајну веб странице. То можете видети на примеру веб локације. У случају да и даље требате да извршите подешавања, имате неколико опција.

Као што је споменуто, обрасци за контакт 7 имају стандардну ХТМЛ ознаку. Можете једноставно променити придружени ЦСС и на тај начин изгледати обрасци. Имајте на уму да то такође има последице и за остала поља за унос на вашој веб локацији која деле исти ознак.

Уз то, сваки образац креиран помоћу Цонтацт Форм 7 долази са додатним кодом. Код можете пронаћи помоћу алата за развојне програмере у вашем прегледачу.

промените дизајн контактног обрасца преко цсс

На пример, можете да промените стилове целог обрасца користећи .впц7-форм ЦСС класа. Имајте на уму да има последице за све форме креиране контактним обрасцем 7, али остала поља за унос на вашој веб локацији остављате нетакнути.

Ако желите да будете још специфичнији и промените стајлинг само за одређене форме, имате среће. Као што можете видети на горњој слици, сваки образац за контакт 7 добија свој ЦСС идентитет.

Ово можете да користите за циљање елемената на формулару. Поред тога, могуће је елементима на обрасцима дати своје ЦСС класе и ИД-ове.

додајте цсс класу и ид у контакт образац 7 обрасца

Са тим ћете их моћи још прецизније циљати.

Укратко, шта год желите да промените дизајн својих образаца, имате све алате за то.

Примена заштите од нежељене поште

Нежељена пошта је велика тема када је у питању веб и веб странице уопште. Ако на својој веб локацији оставите незаштићену адресу е-поште, постоји много аутоматских програма који ће их покупити и почети да вам шаљу нежељене понуде, рибарске е-поруке и још горе.

Нажалост, исто важи и за контакт форме. Ако не одредите мере за спречавање, постоје и програми који вам могу послати нежељену пошту путем контакт образаца.

Срећом, контакт образац 7 нуди једноставне начине да се то спречи. Један од њих је једноставан: укључите квиз у свој образац на који ботови не могу да одговоре, попут једноставне једначине.

контакт образац 7 заштита од нежељене поште путем квиза

Ознака квиза омогућава то. Лако је користити као и све остале ознаке у Контакт обрасцу 7 и можете пронаћи додатне информације овде.

Поред тога, постоји и реЦАПТЦХА. Ово је Гоогле сервис за борбу против нежељене поште. Потребан вам је АПИ кључ и интегришите га у образац за контакт 7. Пронађите упутства овде. То може имати последице по заштиту личних података. Више о томе у следећем одељку.

Можете да користите ознаку реЦАПТЦХА да бисте је додали у свој образац. Произвођач контаката 7 такође има Цаптцха додатак који се зове Стварно једноставна ЦАПТЦХА који можете да користите у исту сврху.

Такође имате могућност употребе додатака треће стране за заштиту од нежељене поште. Најпознатија је, наравно, Акисмет а контакт образац 7 нуди детаљна упутства о томе како користити ово двоје заједно.

Постоје и други, нпр Контакт образац 7 Хонеипот или ВПБруисер. За последње вам треба а плаћени додатак за то да ради са контакт обрасцем 7. Постоје и друге опције које лако можете да пронађете.

Важна страна Напомена: Контакт обрасци и ГДПР

Можда сте свесни да су у последње време неке промене закона о приватности интернета у Европи. Дана 25. маја 2018 Општа уредба о заштити података (ГДПР) ступио на снагу.

Донио је низ измјена закона који се тичу употребе личних података на мрежи. Такође прети огромним казнама за свакога ко крши прописе.

Зашто је то важно? Контакт обрасци прикупљају личне податке. Из тог разлога, ако спадате под надлежност прописа (а већина људи то чини сада), морате обратити пажњу на неке ствари.

Прво: Прво нисмо адвокатска канцеларија!

У наставку ћете пронаћи неколико савета како да ваш образац за контакт ГДПР-у буде у складу. Ови савети су сачињени најбоље што можемо.

Међутим, нико овде на вебситесетуп.орг није адвокат нити га свирамо на ТВ-у. Из тог разлога, доле наведено не замењује стручно правно саветовање и не треба га сматрати правним саветом.

Ок, толико за део “ако упаднете у проблеме, немојте се вратити и тужити нас”. Хајдемо до савета!

Савети за усаглашавање с обрасцем ГДПР-а за контакт

Ево како да саставите контактне форме засноване на приватности:

  1. Не прикупљајте податке који вам нису потребни – Обрасци за контакт дају вам могућност избора која поља да укључите. Ако постоје подаци који вам заправо нису потребни, престаните са њиховим прикупљањем. На тај начин, ако дође до кршења, не можете га изгубити.
  2. Онемогући праћење – Ако користите контакт образац који прати колачиће, корисничке агенте и / или корисничке ИП адресе, морате то онемогућити да би био усаглашен са ГДПР-ом. Контакт образац 7 наизглед не чини једно, па нема шта да се уради. Проверите свој контакт образац по избору ако користите било шта друго.
  3. Добијте апсолутну сагласност – Додајте начин да свој образац одобри за прикупљање њихових података. На пример, контакт образац 7 нуди ан кутија за прихватање. Важно: не постављајте потврдни оквир да буде подразумевано омогућен. Корисници то морају учинити сами. Такође, додајте поруку која каже шта сакупљате и у које сврхе плус линк до ваше политике приватности.
  4. Успоставите политику приватности – Када говоримо о томе, према ГДПР-у сваки професионални вебсајт мора приказати политику приватности која објашњава које податке прикупљају и како их користе. Такође посетиоцима морате дати могућност да затраже њихове личне податке и уклоне их. Ово је сложенија тема него што је овде можемо покрити. Употријебите везу у наставку како бисте пронашли више информација.
  5. Имплементирајте ХТТПС – Кориштењем ССЛ / ХТТПС шифрира размјену података између прегледача и сервера. Ово је важно за контакт обрасце како би се лични подаци чували. То се такође сматра уобичајеном праксом сада. Погледајте наш водич за његово спровођење.

Из свега што смо прочитали, горе наведено би требало бити довољно за усклађивање образаца за контакт са новим законом. Наравно, има више о овој теми за власнике веб локација. Можете сазнати више овде и овде.

Остали сјајни додаци за образац за ВордПресс

Поред контакт обрасца 7, постоји још гноја додатних додатака за креирање контакт образаца у ВордПрессу. Ево још неколико добрих кандидата.

Јетпацк Формс (бесплатно)

јетпацк форм

Јетпацк је скуп моћних додатака произведених од стране ВордПресс.цом (погледајте нашу поређење ВордПресс.орг са ВордПресс.цом). Они укључују модул за креирање контакт образаца. Када га укључите, можете почети да уносите обрасце на своју ВордПресс веб локацију одмах из уређивача поште и страница.

Ево неких карактеристика издвајања:

  • Брз и једноставан за употребу
  • Упозорења путем е-поште да вас обавестим о подношењу обрасца
  • Извршите било каква подешавања из уређивача ВордПресс-а
  • Одлично решење за стварање једноставних образаца

Када користите Јетпацк обрасце, обавезно имплементирајте неку врсту заштите од нежељене поште. говоримо из искуства. Наведеног ВПБруисер је бесплатна опција.

ХаппиФормс (бесплатно)

ХаппиФорм логоХаппиФормс је релативно нов на тржишту. Интегрише се са ВордПресс Цустомизер-ом, што олакшава почетак рада. Поред тога, има следеће карактеристике:

  • Лаган и брз
  • Потпуно бесплатна за употребу (али долази са брендирањем)
  • Омогућује вам израду образаца помоћу превлачења и испуштања
  • Приказује поднесеке облика на контролној табли ВордПресс
  • Долази са уграђеном заштитом од нежељене поште

Контакт образац 7 (бесплатно)

Контакт образац 7

Помоћу обрасца за контакт 7 можете управљати више различитих образаца за контакт с основним интерфејсом који је једноставан за употребу. И они имају премијску верзију, али то је значило као донација. Премиум заиста не даје ништа (осим нове анимације за учитавање миша).

  • Брз и једноставан за употребу
  • Можете прилагодити ВордПресс
  • Условна логика за контактне обрасце

Одлична бесплатна опција.

Ниња Формс (фреемиум)

Ниња Формс

Овај додатак омогућава вам израду образаца преко корисничког интерфејса. Има бесплатну верзију, али нуди и премиум издање са додатним функцијама, додацима, подршком, изгледима и још много тога. Ови укључују:

  • Лако се повежите са уобичајеним сервисима за е-пошту
  • Могућност прихватања плаћања путем ваших образаца
  • Синхронизујте обрасце са ЦРМ-ом попут Салесфорце-а

Чланства у Ниња Формс коштају 99 долара годишње и више.

Гравити Формс (премиум)

гравити лого

Гравити Формс је вероватно најпопуларније премиум решење. Прилично је напредан, има добар кориснички интерфејс и одличан систем подршке. За разлику од осталих уноса на овој листи, овај додатак је само премијум, али зато много добијате за свој новац.

  • Више од 30 врста поља обрасца
  • Широк спектар додаци
  • Пренос датотека
  • Могућност да се прикази корисника појаве на предњем крају
  • Обрасци на више страница
  • Условна логика и напредни прорачуни

Ако вас занимају Гравити Формс, њихови планови почињу од 59 УСД годишње.

Цалдера Формс (фреемиум)

калдера облика

Коначни унос на овој листи омогућава вам и прављење образаца са графичким интерфејсом. Поред тога, има следеће карактеристике:

  • Омогућите посетиоцима да подносе сопствене поруке
  • Аутоматски одговори
  • Функције за заштиту од нежељене поште
  • Потпуно респонзивни веб обрасци

Поред бесплатне верзије, ту је и стартер едитион почев од 6,24 УСД месечно – 74,99 УСД годишње.

ВордПресс обрасци за контакт у матици

Научи да додају образац за контакт у ВордПресс нешто што свако треба да уради. То је један од најважнијих начина да људи ступе у контакт са вама. Образац за контакт чини вашу веб локацију професионалнијом, штити вас од нежељене поште, осигурава да добијете потребне информације и понаша се као вратар.

У овом смо чланку описали како додати образац за контакт у ВордПресс користећи образац за контакт 7. Прешли смо преко напредне стилизације и заштите од нежељене поште за ваш образац. Поред тога, пост је покривао важну тему усаглашености са ГДПР-ом за контакт обрасце и савете како да се постигне. На крају смо прегледали и низ других одличних додатака помоћу којих можете додати контакт форму на своју ВордПресс локацију.

До сад знате све што требате да бисте додали образац на своју веб локацију. Надамо се да ће то довести до сјајних прилика и занимљивих нових контаката.

Имате ли питања о томе како додати образац за контакт на своју веб локацију? Ако је тако, обратите нам се у одељку коментара.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me