Otter Blocks – Gutenberg блокови, градитељ страница за Gutenberg уређивач & FSE

Опис

Otter је додатак за изградњу страница помоћу Gutenberg блокова који додаје додатне функционалности Вордпресовом уређивачу блокова (познатом и као Gutenberg) за боље искуство изградње страница без потребе за традиционалним градитељима страница као што су Elementor и Divi.

Брзе везе 🔗

• Желите да видите Otter блокове на делу пре постављања? ПОГЛЕДАЈТЕ ДЕМО OTTER BLOCKS
• Нови сте у екосистему Gutenberg блокова? Погледајте наш чланак GUTENBERG ОБЈАШЊЕН
• Треба вам помоћ са подешавањем? Погледајте нашу ДОКУМЕНТАЦИЈУ
• Занима вас Otter Pro? Ево више података о OTTER PRO

Уз Otter Blocks добијате приступ

• 20+ додатних блокова за Gutenberg
• Збирка узорака
• Шаблони целих страница
• Услови видљивости
• Произвољни CSS
• Анимације
• Динамички садржај и још много тога

За све блокове, укључујући блокове трећих страна на вашем веб сајту.

Могућност произвољног CSS-а за блокове омогућава непосредно прилагођавање CSS својстава било ког Gutenberg блока на страници, док могућност анимације омогућава брзо и лако додавање анимација било ком блоку да бисте повећали привлачност различитих блокова и одељака странице.

Уз Otter могућност услова видљивости можете подесити који услови морају бити испуњени да би изабрани блокови били приказани на страници.

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

Погледајте кратак преглед Otter Blocks-а

Како вам Otter Gutenberg блокови могу помоћи? 🤔

Вордпрес додатак са Gutenberg блоковима

Otter додаје 26+ невероватних и корисних блокова да изградња страница у Gutenberg-у буде лака као пециво!

Поред блокова, потребне су вам напредне могућности прилагођавања које вам дају контролу над стилом и изгледом. Уз Otter имате све.

Сваки блок има подршку за прилагођавање која вам помаже да стилизујете свој сајт према својој замисли:

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

Ваш ВИ помоћник за уређивач блокова

Otter доноси ВИ непосредно у уређивач блокова да вам помогне да градите, а не само да уређујете. Опишите шта желите, а Otter то прави као стварне блокове које можете уређивати.

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

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

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

• Изворни Вордпрес ВИ конектори: Otter ВИ ради са изворним ВИ адаптерима у Вордпресу 7.0, тако да свог жељеног ВИ пружаоца повезујете само једном, а свака Otter ВИ могућност га користи.

Прилагођеност Otter блокова мобилним уређајима

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

Вордпрес Gutenberg додатак за услове блокова

Желите да прикажете одређене блокове само када је корисник пријављен или одјављен? Или ако је купац ваше продавнице наспрам уредника вашег блога или неке друге корисничке улоге? Уз могућност Gutenberg услова блокова доступну у Otter-у, то је могуће. Надоградите на PRO издање Otter-а да бисте ослободили моћ још услова блокова, као што су:

• Ниска URL упита
• Опсег датума
• Дан у недељи
• Доба дана
• Производи у WooCommerce корпи
• Укупно потрошено у WooCommerce-у
• Укупан износ WooCommerce корпе
• WooCommerce категорије
• WooCommerce ознаке
• WooCommerce атрибути
• На основу колачића
• И још много тога

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

Одушевите посетиоце свог веб сајта невероватним анимацијама које се могу додати било ком блоку на страници. Уз више од 50+ доступних анимација, Otter омогућава да додате мало више сјаја било ком чланку или страници на свом веб сајту

Вордпрес Gutenberg додатак за искачуће прозоре

Искачући прозори су једна од најстаријих техника на вебу за прикупљање потенцијалних купаца и преношење обавештења. Уз Gutenberg блок Искачући прозор доступан у Otter-у можете правити искачуће прозоре од било ког другог блока доступног у Gutenberg-у!

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

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

Глобална подразумевана подешавања за Otter блокове

Досадило вам је да сваки пут подешавате исте могућности када додате блок на страницу? Уз Otter можете подесити подразумевана подешавања за неке од најчешће коришћених блокова, као што су блок Одељак, блок Иконица, Напредни наслов и други.

Блокови доступни у Otter-у:

Gutenberg блок Хармоника [БЕСПЛАТНО]

Користите овај блок да бисте направили вертикално поређане спискове садржаја који се могу открити или сакрити притиском на дугме; познатије као хармонике. Погледајте демо уживо

Gutenberg блок Напредни наслов [БЕСПЛАТНО]

Блок наслова за који нисте знали да вам треба. Овај Otter блок има сву функционалност подразумеваног блока наслова уз још неке способности, као што су промена словног лика, истицање делова текста и још много тога. Погледајте демо уживо

ВИ блок [БЕСПЛАТНО]

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

Gutenberg блок Група дугмади [БЕСПЛАТНО]

Брзо и лако направите више дугмади и прикажите их вертикално или хоризонтално, у зависности од уређаја на ком се страница прегледа. Погледајте демо уживо

Gutenberg блок Одбројавање [БЕСПЛАТНО]

Одбројавате до великог догађаја? Прикажите то помоћу ових Gutenberg блокова. Одбројавајте дане, сате, минуте или секунде. Погледајте демо уживо

Gutenberg блок Образац за контакт [БЕСПЛАТНО]

Брзо и лако убаците образац за контакт било где на страници. По жељи претворите образац у машину за прикупљање потенцијалних купаца интеграцијом са Brevo(Sendinblue) или Mailchimp. Уз то, поједноставите управљање подацима интеграцијом веб-кука и обезбедите побољшану безбедност интеграцијом hCaptcha. Погледајте демо уживо

Блок Временска линија садржаја [БЕСПЛАТНО]

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

Блок Клизач садржаја [БЕСПЛАТНО]

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

Блок Кружни напредак [БЕСПЛАТНО]

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

Блок Окретна кутија [БЕСПЛАТНО]

Прави картицу са ефектом окретања, у коју можете убацити било који садржај или блокове доступне у Gutenberg-у. Погледајте демо уживо

Gutenberg блок Списак са иконицама [БЕСПЛАТНО]

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

Gutenberg блок Иконица [БЕСПЛАТНО]

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

Gutenberg блок Lottie анимација [БЕСПЛАТНО]

Чули сте за Lottie? Одлично! Уз Otter Gutenberg блок Lottie анимација можете приказати Lottie анимације било где у Gutenberg-у. Погледајте демо уживо

Gutenberg блок Мапе [БЕСПЛАТНО]

Изаберите блок Open Street Map или Google Maps и направите ознаке за места од интереса за посетиоце свог веб сајта. Наш блок Мапе помаже вам да прилагодите искуство мапе све до боје и описа ознака, тражите места по називу или координатама, додајете и уклањате контроле мапе или мењате величину и стил мапа са неколико притисака. Погледајте демо уживо

Блок Трака напретка [БЕСПЛАТНО]

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

Gutenberg блок Чланци [БЕСПЛАТНО]

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

Gutenberg блок Рецензија производа [БЕСПЛАТНО]

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

Gutenberg блок Искачући прозор [БЕСПЛАТНО]

Направите запањујуће искачуће прозоре и дотерајте када треба да се појаве и како могу да се затворе. Погледајте демо уживо

Gutenberg блок Клизач [БЕСПЛАТНО]

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

Gutenberg блок Одељак [БЕСПЛАТНО]

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

Stripe Checkout [БЕСПЛАТНО]

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

Блок Иконице за дељење [БЕСПЛАТНО]

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

Gutenberg блок Језичци [БЕСПЛАТНО]

Користите овај блок да бисте направили хоризонтално поређане спискове садржаја који се могу открити или сакрити притиском на дугме; познатије као језичци. Погледајте демо уживо

Gutenberg блок Додај у корпу [PRO]

Убаците блок дугмета „Додај у корпу“ за било који WooCommerce производ било где у чланку или страници коју уређујете.

Gutenberg блок Радно време [PRO]

Направите лепо стилизовану табелу радног времена и дотерујте њена подешавања док не буде савршена.

Претрага уживо [PRO]

Могућност претраге уживо побољшава основни блок Претрага додавањем два додатна атрибута ( isLive и postTypes ) који се могу подесити у инспектору на панелу Претрага уживо.

Модални прозор [PRO]

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

Табела поређења рецензија [PRO]

Спремите се да импресионирате читаоце Otter блоком „Табела поређења рецензија“. Без напора направите табеле поређења производа професионалног изгледа за свој блог или веб сајт.

Стално додајемо нове Gutenberg блокове у Otter да бисмо вам помогли у изградњи страница веб сајта. Слободно нам реците шта недостаје на нашем форуму подршке! Неки други блокови су:

Узорци & шаблони целих страница спремни за увоз у Otter:

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

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

Добијте више могућности у Otter Pro 🤩

Блокови WooCommerce Builder

Направите произвољне странице појединачних производа помоћу Otter блокова WooCommerce Builder. Све нове могућности осмишљене су да повећају вашу стопу конверзије и донесу још побољшања.

Уз Otter Pro добијате много више могућности, укључујући:

• Блок Додај у корпу
• Блок Радно време
• Блок Модални прозор
• Блок поређења рецензија производа
• Блок Претрага уживо
• Pro проширења за бесплатне блокове
• Још могућности динамичког садржаја
• Још могућности услова видљивости
• Још узорака & шаблона целих страница
• и још много тога!

Можете испробати демо Otter Blocks-а уживо – без подешавања. Притисните овде да бисте га испробали.

Коме је Otter намењен? 👀

• Свима који желе да извуку најбоље могућности новог Gutenberg уређивача помоћу корисних и лаких за употребу Gutenberg блокова.
• Свима који размишљају да пређу са традиционалних градитеља страница као што су Elementor и Divi Builder на нови Gutenberg уређивач блокова.
• Свима који желе да изграде брзе Gutenberg странице у рекордном времену.
• Свима који желе да сакрију/прикажу Gutenberg блокове на основу услова као што је стање пријаве/одјаве корисника.
• Свима који желе да додају анимације Gutenberg блоковима.

Погледајмо неке примере употребе 🚀

• Блогери о путовањима: Обогатите свој блог о путовањима упечатљивим мапама помоћу Otter блокова Мапе и Google Maps да бисте свету показали своја путовања.

• Непрофитне организације: Заинтересујте публику и промовишите свој циљ помоћу Otter блокова Кружни бројач и Препоруке да бисте делили инспиративне приче о успеху.

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

• Ствараоци садржаја и продавци дигиталних производа: Gutenberg блок Stripe checkout нуди практичан начин за продају дигиталних производа, као што су е-књиге, курсеви на мрежи, лиценце за софтвер или дигитална уметничка дела, без потребе за постављањем потпуне интернет продавнице. Интеграцијом овог блока купцима можете пружити поједностављено и безбедно плаћање.

• Рецензенти производа: Направите информативна и привлачна поређења рецензија производа помоћу табеле поређења рецензија и помозите корисницима да донесу информисане одлуке.

• Власници ресторана: Прикажите радно време у отменом облику помоћу блокова Радно време, како би вас купци лако пронашли.

Постаните сарадник 💁‍♂️

Otter Blocks је пројекат отвореног кода и радо примамо сараднике у нашу живу заједницу! Помозите нам да побољшамо додатак и учинимо га још бољим – веза ка GitHub-у

Корисни ресурси 📌

• Прочитајте више о Вордпресу на нашем блогу.
• Занимају вас наши други додаци? Погледајте овде.
• Извуците највише из Otter Blocks-а уз наш корисни YouTube списак упутстава.

Додатак се ослања на услугу иза api.themeisle.com за приступ списку узорака, ВИ упитима и увођењу. За приступ збирци шаблона услуге није потребан налог, а правила о приватности можете пронаћи овде.