Дайте на този БЕЗПЛАТЕН WordPress плъгин максимум 90 дни и той ще увеличи приходите ви както НИКОГА ПРЕДИ!

Забравете всички ваши настоящи маркетингови стратегии (имейл маркетинг, гост публикации, банери, ревюта и др.), всички те са остарели. Brouavo е революционен инструмент, който трансформира 30% от вашия „спящ“ трафик в гарантиран доход. Това е идеалният инструмент за популяризиране на вашите партньорски програми или продажба на вашите собствени продукти.

В зависимост от вашата производителност, ние ви предлагаме и професионален лиценз за WordPress плъгини, като например: Elementor Pro, TranslatePress, Divi Builder и Ai, SEO професионалист „всичко в едно“, платени абонаменти за членове

Увеличаването на имейл списъка ви е лесно с помощта на модула за абонамент за бюлетин, който предлага темата Divi WordPress. Този модул поддържа интеграция. MailChimp , Aweber et Feedburner.

интеграция mailchimp divi.png

Как да добавите модул за абонамент за бюлетин към вашата страница

Преди да можете да добавите имейл модул към страницата си, първо трябва да влезете в Divi Builder. След като темата Divi бъде инсталирана на уебсайта ви, ще забележите бутон Използвайте Divi Builder над редактора на публикации, когато създавате нова страница. Щракнете върху този бутон, за да активирате Divi Builder и да получите достъп до всички модули Divi Builder. След това кликнете върху бутона Използвайте Visual Builder за да стартирате генератора във визуален режим. Можете също да щракнете върху бутона Активиране на Visual Builder когато разглеждате уебсайта си на преден план, ако сте свързани с таблото за управление на WordPress.

използвайте Divi Builder

След като влезете в Visual Builder, можете да щракнете върху сивия бутон плюс, за да добавите нов модул към вашата страница. Нови модули могат да се добавят само в редове. Ако стартирате нова страница, не забравяйте първо да добавите ред към страницата си. Имаме страхотни уроци за използване на елементите на Divi's line и section.

имейл optin.png

Намерете optin имейл модула в списъка с модули и кликнете върху него, за да го добавите към вашата страница. В списъка с модули може да се търси, което означава, че можете също да въведете думата "email optin" и след това да натиснете "Enter" за автоматично търсене и добавяне на optin модула! След като модулът бъде добавен, ще бъдете посрещнати от списъка с опции на модула. Тези опции са разделени на три основни групи: Съдържание , Концепция et напреднал .

Конфигуриране на имейл акаунти

Преди да можете да използвате optin имейл модула, първо трябва да го свържете с доставчик на имейл. Тези доставчици могат да се добавят и управляват в настройките на модула. След като добавите нов доставчик на имейл, той ще се появи в настройките на модула всеки път, когато редактирате имейл модул на вашия уебсайт.

имейл optin configuration.png

За да добавите нов доставчик на имейл, първо изберете вашия доставчик на имейл от списъка Изберете доставчик . След това кликнете върху бутона Прибавям за да свържете модула с вашия имейл акаунт. Понастоящем Divi поддържа три доставчика: MailChimp, AWeber и Feedburner.

Свържете профила си в AWeber

Преди да можете да използвате този модул с AWeber, първо трябва да свържете вашия акаунт в AWeber. За да направите това, изберете AWeber от списъка с доставчици, след което щракнете върху бутона Добавяне, за да стартирате процеса. След като щракнете върху бутона Добавяне, ще бъдете отведени на страница, където ще бъдете подканени да влезете във вашия акаунт в AWeber. Влезте, за да генерирате вашия API ключ.

Влезте в профила си aweber divi.png

След това копирайте и поставете ключа в полето API ключ в настройките на модула, след което щракнете върху бутона изпращам .

Вашият акаунт вече е свързан и можете да изберете вашия имейл списък от падащото меню AWeber списъци .

Свържете профила си в MailChimp

Преди да можете да използвате модула с MailChimp, първо трябва да свържете вашия акаунт в MailChimp. За да направите това, изберете MailChimp от списъка с доставчици, след което щракнете върху Добавяне. След като щракнете върху бутона Добавяне, поле API ключ ще се появи. Копирайте и поставете вашия API ключ в полето, след което натиснете бутона изпращам . Вашият акаунт вече е свързан и можете да изберете вашия имейл списък от падащото меню Списъци на MailChimp .

Можете да намерите вашия ключ за API на MailChimp във вашия акаунт в MailChimp.com. Влезте и отидете на страницата на вашия профил. Погледнете в категорията Екстри и намерете връзката API Keys . Ето няколко допълнителна информация за това как да намерите вашия ключ за API.

api mailchimp divi.png

Пример за употреба: Добавяне на абонаментна публикация в долната част на публикация в блог

Често срещано място за добавяне на формуляр за абонамент за имейл е точно под съдържанието на вашето съобщение.
За този бърз пример ще ви покажа колко лесно е да вмъкнете и стилизирате Optin имейл модул под публикация в блог с помощта на Visual Builder.

визуален строител

Използвайки Visual Builder, добавете стандартната секция с ред 1/2 колона (2 колона) под раздела, съдържащ съдържанието на публикацията.

Тъй като този пример ще бъде оферта за електронна книга с опцията, добавете модул за изображение в лявата колона и качете изображение на книгата. Задайте подравняването на изображението на "Център" и задайте максималната ширина на изображението на 300px.

добавете optin имейл модул divi.jpg

След това добавете модула на Optin Email в дясната колона.

например имейл optin урок divi.png

Актуализирайте настройките за електронна поща на Optin, както следва:

Опции за съдържанието

Заглавие: „Нови абонати Вземете БЕЗПЛАТНО копие на моята електронна книга“ Текст на бутона: „Абонирайте се“ Съдържание: „Убедителна история, която ще ви остави на ръба на мястото ви. Доставчик на услуги: [изберете доставчик на услуги] 
Изберете списък или заглавие на потока

Опции за дизайн

Цвят на фона на полето: # f1f1f1 Цвят на фона: #ffffff Цвят на границата на фокуса: ДА Цвят на границата: # 02b875 Цвят на текста: Тъмен Ориентация на текста: Централна заглавка Шрифт: PT без заглавие Размер на шрифта: 35px Височина на главата: 1.3em Размер на шрифта на тялото: 18px Персонализирана подложка: 20px Десен, 20px Ляв стил Използвайте Персонализиран за бутон: ДА Бутон за размер на текста: 26px Цвят на бутон на текста: #ffffff Цвят на фона на бутона: # 02b875 Ширина на границата на бутона: 2 Цвят на границата на бутона: # 02b875 Разстояние между буквите на бутоните: 1px Икона на бутона за добавяне: Да Икона на бутона: [добавяне на икона]

имейли за електронни книги например divi configuration.png

Това е всичко. Ако искате да подобрите вашите абонаментни форми, можете да използвате разцвет, опцията за имейли Divi и плъгинът за генериране на олово, специално създаден, за да ви помогне да разширите своя пощенски списък.

Опции за съдържанието на модула за електронна поща

В раздела Съдържание ще намерите всички елементи на съдържанието на модула, като текст, изображения и икони. Всичко, което контролира какво се появява във вашия модул, винаги ще се намира в този раздел.

опцията за опции за имейл опция content.png

Заглавие

Въведете заглавието на регистрационната си форма тук.

Бутон текст

Посочете тук текста на бутона за регистрация.

Съдържание

В това поле можете да въведете съдържанието на модула за регистрация.

Доставчик на услуги

Тук можете да изберете кой доставчик на пощенски списък да използвате. Понастоящем модулът поддържа интеграции MailChimp , Aweber et Feedburner. Изберете вашия доставчик от списъка, след което преминете към следните опции.

Списъци на MailChimp

Ако сте избрали MailChimp като доставчик тази опция ще се появи. Тук можете да изберете списъка на MailChimp, за да добавите клиенти. Ако тук не виждате никакъв списък, трябва да се уверите, че ключът на API на MailChimp е зададен в ePanel и че имате поне един списък в акаунт в MailChimp. Ако сте добавили нов списък, но той не се появява тук, активирайте опцията „Regenerate MailChimp Lists“ в ePanel. Не забравяйте да го деактивирате, след като списъкът бъде регенериран.

Списъкът на Аубер

Ако сте избрали Aweber като доставчик тази опция ще се появи. Тук можете да изберете списъка на Aweber, за да добавите клиенти. Ако не виждате никакъв списък тук, трябва да се уверите, че Aweber е конфигуриран правилно в ePanel и че имате поне един списък в акаунт в Aweber. Ако сте добавили нов списък, но той не се появява тук, активирайте опцията „Регенериране на Aweber списъци“ в ePanel. Не забравяйте да го деактивирате, след като списъкът бъде регенериран.

Заглавие на Feedburner

Ако сте избрали Feedburner като доставчик тази опция ще се появи. По този начин идентифицирате вашия акаунт в Feedburner. Ще трябва да въведете заглавието на емисията си, което можете да намерите тук .

Използвайте цвета на фона

Ако е активирана, към модула ще се приложи цвят на фона. Ако е активиран цвят на фона, в модула се добавя допълнително запълване, за да се отдели текстовото съдържание от видимия ръб на модула. Ако цветът на фона не е включен, фонът на модула става прозрачен и допълнителното запълване се премахва.

Цвят на фона

С помощта на инструмента за избор на цветове можете да направите плочката си с надпис желания цвят. Изберете същия цвят като фона на секцията, за да създадете видимост на ефект на ширина или без полета.

Административен етикет

Това ще промени етикета на модула в конструктора за лесно идентифициране. Когато използвате изгледа WireFrame в Visual Builder, тези етикети се появяват в модулния блок на интерфейса Divi Builder.

Изпратете имейл на Optin дизайн

В раздела Дизайн ще намерите всички опции за оформяне на модула, като например шрифтове, цветове, оразмеряване и разстояние. Това е разделът, който ще използвате, за да промените външния вид на вашия модул. Всеки модул Divi има дълъг списък с дизайнерски настройки, които можете да използвате, за да промените каквото и да било.

опция дизайн модул имейл модул optin.png

Форма на фона на полето за формуляр

Формулярът за регистрация по имейл съдържа две полета за въвеждане на потребителско име и парола. Можете да използвате тази настройка, за да регулирате цвета на фона на тези полета.

Цвят на текста на полето на формуляра

Формата за имейл optin съдържа две полета за въвеждане на потребителско име и парола. Можете да използвате тази настройка, за да регулирате цвета на текста на тези полета. Ако сте настроили цвета на фона на полето на формуляра, можете също да настроите цвета на текста, за да осигурите гладка цветова връзка.

Цвят на фона

Когато полето за въвеждане е фокусирано с мишката на посетителя, цветовете се променят, за да покажат ясно кое поле е активно. Тук можете да определите цвета на фона на фокусираните полета.

Цвят на текста в фокус

Когато полето за въвеждане е фокусирано с мишката на посетителя, цветовете се променят, за да покажат ясно кое поле е активно. Тук можете да определите цвета на текста на фокусираните полета.

Използвайте цвета на рамката за фокусиране

Ако искате да добавите граница към полетата за въвеждане, когато са на фокус, можете да активирате тази опция.

Цвят на фокусната граница

Използвайки тази настройка, можете да промените цвета на рамката, която се показва в фокусираните входни полета.

Цвят на текста

Ако цветът на фона е тъмен, цветът на текста трябва да бъде зададен на „Light“. Ако обаче цветът на фона е светъл, цветът на текста трябва да бъде зададен на „Тъмно“.

Ориентация на текста

Това падащо меню ви позволява да посочите ориентацията на вашия текст да бъде подравнена вляво, центрирана или подравнена вдясно.

Функционален шрифт

Можете да промените шрифта на заглавния си текст, като изберете желания шрифт от падащото меню. Divi се предлага с десетки страхотни шрифтове, задвижвани от Google Fonts. По подразбиране Divi използва шрифта Open Sans за целия текст на вашата страница. Можете също да персонализирате стила на вашия текст, като използвате удебелен шрифт, курсив, главни букви и опции за подчертаване.

Размер на заглавния шрифт

Тук можете да регулирате размера на вашия заглавен текст. Можете да плъзнете плъзгача за диапазон, за да увеличите или намалите размера на текста си или директно да въведете желаната стойност на размера на текста в полето за въвеждане вдясно от плъзгача. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Цвят на заглавния текст

По подразбиране всички цветове на текста в Divi се показват в бяло или тъмно сиво. Ако искате да промените цвета на заглавния текст, изберете желания цвят от инструмента за избор на цвят, използвайки тази опция.

Разстояние между буквите в заглавката

Разстоянието между буквите засяга пространството между всяка буква. Ако искате да увеличите интервала между всяка буква в заглавния текст, използвайте плъзгача за диапазон, за да регулирате интервала или въведете желания размер на разстоянието в полето за въвеждане вдясно от плъзгача. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Височина на заглавния ред

Височината на реда влияе на интервала между всеки ред от текста на заглавката ви. Ако искате да увеличите интервала между всеки ред, използвайте плъзгача за диапазон, за да регулирате интервала или да въведете желания размер на разстоянието в поле за въвеждане вдясно от курсора. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Шрифт на тялото

Можете да промените шрифта на тялото си, като изберете желания шрифт от падащото меню. Divi се предлага с десетки страхотни шрифтове, задвижвани от Google Fonts. По подразбиране Divi използва шрифта Open Sans за целия текст на вашата страница. Можете също да персонализирате стила на вашия текст, като използвате удебелен шрифт, курсив, главни букви и опции за подчертаване.

Размер на шрифта

Тук можете да регулирате размера на основния текст. Можете да плъзнете плъзгача за диапазон, за да увеличите или намалите размера на текста си или директно да въведете желаната стойност на размера на текста в полето за въвеждане вдясно от плъзгача. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Цвят на текста на тялото

По подразбиране всички цветове на текста в Divi се показват в бяло или тъмно сиво. Ако искате да промените цвета на текста си, изберете желания цвят от инструмента за избор на цвят, използвайки тази опция.

Разстояние между буквите

Разстоянието между буквите засяга пространството между всяка буква. Ако искате да увеличите интервала между всяка буква в текста, използвайте плъзгача за диапазон, за да регулирате интервала или въведете желания размер на разстоянието в полето за въвеждане вдясно от плъзгача. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Височина на линията на тялото

Височината на реда влияе върху пространството между всеки ред текст в тялото ви. Ако искате да увеличите интервала между всеки ред, използвайте плъзгача за диапазон, за да регулирате интервала или въведете желания размер на разстоянието в полето за въвеждане разположен вдясно от курсора. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Използвайте границата

Активирането на тази опция ще постави граница около вашия модул. Тази граница може да бъде персонализирана, като се използват следните условни параметри.

Цвят на границата

Тази опция влияе върху цвета на вашата граница. Изберете персонализиран цвят от инструмента за избор на цвят, за да го приложите към вашата граница.

Ширина на границата

По подразбиране границите са широки 1 пиксел. Можете да увеличите тази стойност, като плъзнете плъзгача за диапазон или въведете персонализирана стойност в полето за въвеждане вдясно от плъзгача. Поддържат се персонализирани мерни единици, което означава, че можете да промените единицата по подразбиране от "px" на нещо друго като em, vh, vw и т.н.

Стил на границата

Границите поддържат осем различни стила: плътен, пунктиран, пунктиран, двоен, жлеб, гребен, наслагване и старт. Изберете желания стил от падащото меню, за да го приложите към вашата граница.

Персонализиран марж

Маржът е пространството, добавено от външната страна на вашия модул, между модула и следващия елемент отгоре, отдолу или отляво и отдясно на него. Можете да добавите персонализирани стойности на полета към всяка от четирите страни на модула. За да премахнете персонализирания марж, премахнете добавената стойност от полето за въвеждане. По подразбиране тези стойности се измерват в пиксели, но можете да въведете персонализирани мерни единици във входните полета.

Персонализирани подплънки

Попълването е пространството, добавено във вашия модул, между ръба на модула и неговите вътрешни елементи. Можете да добавите персонализирани стойности за подплата към която и да е от четирите страни на модула. За да премахнете персонализирания марж, премахнете добавената стойност от полето за въвеждане. По подразбиране тези стойности се измерват в пиксели, но можете да въведете персонализирани мерни единици във входните полета.

Използвайте персонализирани стилове за бутона

Активирането на тази опция разкрива различни настройки за персонализиране на бутони, които можете да използвате, за да промените външния вид на бутона на вашия модул.

Размер на текста на бутоните

Тази настройка може да се използва за увеличаване или намаляване на размера на текста в бутона. Бутонът се адаптира, когато размерът на текста се увеличава и намалява.

Цвят на текста на бутоните

По подразбиране бутоните приемат цвета на акцента на вашата тема, както е дефиниран в Персонализатора на темите. Тази опция ви позволява да зададете персонализиран цвят на текста на бутона на този модул. Изберете вашия персонализиран цвят с помощта на инструмента за избор на цвят, за да промените цвета на бутона.

Цвят на фона на бутоните

По подразбиране бутоните имат прозрачен цвят на фона. Това може да се промени, като изберете желания цвят на фона от инструмента за избор на цвят.

Бутон за гранична ширина

Всички Divi бутони имат граница 2px по подразбиране. Тази граница може да бъде увеличена или намалена с помощта на тази настройка. Границите могат да бъдат премахнати чрез въвеждане на стойност 0.

Бутон граница цвят

По подразбиране границите на бутоните възприемат цвета на акцента на вашата тема, както е дефиниран в Персонализатора на темата. Тази опция ви позволява да зададете персонализиран цвят на рамката на бутона на този модул. Изберете вашия персонализиран цвят с помощта на инструмента за избор на цвят, за да промените цвета на границата на бутона.

Радиус на рамката на бутоните

Радиусът на границата влияе върху заоблеността на ъглите на вашите бутони. По подразбиране бутоните в Divi имат малък радиус на границата, който закръглява ъглите с 3 пиксела. Можете да намалите тази стойност до 0, за да създадете квадратни бутони или значително да я увеличите, за да създадете бутони с кръгли ръбове.

Разстояние между буквите на буквите

Разстоянието между буквите засяга пространството между всяка буква. Ако искате да увеличите интервала между всяка буква в текста на вашия бутон, използвайте плъзгача за диапазон, за да регулирате интервала или въведете желания размер на разстоянието в полето за въвеждане вдясно от плъзгача. Полетата за въвеждане поддържат различни мерни единици, което означава, че можете да въведете „px“ или „em“ в зависимост от стойността на вашия размер, за да промените типа му.

Бутон на шрифта

Можете да промените шрифта на текста на вашия бутон, като изберете желания шрифт от падащото меню. Divi се предлага с десетки страхотни шрифтове, задвижвани от Google Fonts. По подразбиране Divi използва шрифта Open Sans за целия текст на вашата страница. Можете също да персонализирате стила на вашия текст, като използвате удебелен шрифт, курсив, главни букви и опции за подчертаване.

Добавете икона на бутон

Деактивирана, тази настройка ще премахне иконите от вашия бутон. По подразбиране всички бутони Divi показват икона със стрелка върху курсора на мишката.

Икона на бутона

Ако иконите са активирани, можете да използвате тази настройка, за да изберете коя икона да използвате във вашия бутон. Divi има различни икони за избор.

Бутон за цветна икона

Регулирането на тази настройка ще промени цвета на иконата, която се появява на вашия бутон. По подразбиране цветът на иконата е същият като цвета на текста на вашия бутон, но тази настройка ви позволява да регулирате цвета независимо.

Бутон за поставяне на икона

Можете да изберете да покажете иконата на вашия бутон отляво или отдясно на бутона.

Показване на иконата само при задържане на курсора на мишката върху бутона

По подразбиране иконите на бутони се показват само при задържане. Ако искате иконата да се показва винаги, изключете тази настройка.

Бутон Цвят на текста на курсора на мишката

Когато бутонът се задържи над мишката на посетителя, ще се използва този цвят. Цветът ще се промени от основния цвят, дефиниран в предишните настройки.

Цвят на фона на бутона на мишката

Когато бутонът се задържи над мишката на посетителя, ще се използва този цвят. Цветът ще се промени от основния цвят, дефиниран в предишните настройки.

Бутон за преместване на цветовете

Когато бутонът се задържи над мишката на посетителя, ще се използва този цвят. Цветът ще се промени от основния цвят, дефиниран в предишните настройки.

Задръжте бутон за мигащ радиус

Когато бутонът се наведе върху мишката на посетителя, тази стойност ще се използва. Стойността ще се промени от основната стойност, дефинирана в предишните настройки.

Бутон за отместване на бележките

Когато бутонът се наведе върху мишката на посетителя, тази стойност ще се използва. Стойността ще се промени от основната стойност, дефинирана в предишните настройки.

Разширени опции за електронна поща Optin

В раздела за напреднали ще намерите опции, които по-опитните уеб дизайнери биха могли да намерят за полезни, като персонализирани CSS и HTML атрибути. Тук можете да приложите персонализиран CSS към всеки от многото елементи на модула. Можете също да приложите персонализирани CSS класове и идентификатори към модула, които могат да се използват за персонализиране на модула във файла style.css на вашата детска тема.

optin имейл модул

CSS ID

Въведете незадължителен CSS ID, който да използвате за този модул. Идентификаторът може да се използва за създаване на персонализиран CSS стил или за връзка към определени раздели на вашата страница.

CSS клас

Въведете незадължителните CSS класове, които да използвате за този модул. CSS клас може да се използва за създаване на персонализиран CSS стил. Можете да добавите няколко класа, разделени с интервал. Тези класове могат да се използват във вашата дъщерна тема Divi или в персонализиран CSS лист със стилове, който добавяте към вашата страница или уебсайт с помощта на опции за тема Divi или параметри на страницата Divi Builder.

Персонализиран CSS

Персонализиран CSS може също да се приложи към модула и всеки от вътрешните елементи на модула. В раздела Персонализиран CSS ще намерите текстово поле, където можете да добавяте персонализирани CSS таблици със стилове директно към всеки елемент. CSS записите в тези настройки вече са обвити в стилови тагове. Така че просто въведете правилата на CSS, разделени с точка и запетая.

видимост

Тази опция ви позволява да контролирате устройствата, на които се показва вашият модул. Можете да изберете да деактивирате модула си поотделно на таблети, смартфони или настолни компютри. Това е полезно, ако искате да използвате различни модове на различни устройства или ако искате да опростите мобилния дизайн, като премахнете определени елементи от страницата.

Други уроци по темата WordPress Divi

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] ИЗТЕГЛЕТЕ ТЕМАТА DIVI [/ vcex_button] [/ colu width_m»n_colum » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "] EM DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

аватар на автора
Блеър Jersyer
Разработчик на WordPress и запален по всичко, свързано с новите технологични тенденции. Автори на плъгини, теми на WordPress и други уеб приложения. Автор в BlogPasCher.com.

Тя ПИН на Pinterest