{"id":4849,"date":"2024-11-13T11:23:44","date_gmt":"2024-11-13T11:23:44","guid":{"rendered":"https:\/\/tableberg.com\/?p=4849"},"modified":"2024-11-13T11:23:44","modified_gmt":"2024-11-13T11:23:44","slug":"como-criar-flip-boxes-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/","title":{"rendered":"Como criar Flip Boxes no WordPress em 4 etapas f\u00e1ceis"},"content":{"rendered":"<p>Se voc\u00ea estiver procurando um tutorial sobre como criar flip boxes no WordPress, temos uma orienta\u00e7\u00e3o abrangente para voc\u00ea. <\/p>\n\n\n\n<p>O que voc\u00ea precisa \u00e9 saber como criar uma do zero. Mas, antes disso, vamos aprender alguns detalhes sobre as flip boxes. <\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-afc18fb3-1e9b-4533-8bde-871690f068de\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Como criar Flip Boxes no WordPress em 4 etapas f\u00e1ceis<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#0-what-is-a-flip-box-in-wordpress\" style=\"\">O que \u00e9 uma Flip box no WordPress?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#1-why-use-flip-boxes-in-wordpress-websites\" style=\"\">Por que usar Flip Boxes em sites WordPress?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#2-how-to-create-flip-boxes-in-wordpress\" style=\"\">Como criar flip boxes no WordPress<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#3-step-1-install-the-flipbox\" style=\"\">Etapa 1: Instalar o Flipbox<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#4-step-2-create-your-flip-boxes\" style=\"\">Etapa 2: Crie suas Flip Boxes<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#5-step-3-customize-your-flip-box\" style=\"\">Etapa 3: Personalize sua Flip Box<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#6-step-4-insert-the-flip-box-shortcode\" style=\"\">Etapa 4: Insira o shortcode Flip Box<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-create-flip-boxes-in-wordpress\/#7-final-thoughts\" style=\"\">Considera\u00e7\u00f5es finais!<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-a-flip-box-in-wordpress\">O que \u00e9 uma Flip box no WordPress?<\/h2>\n\n\n\n<p>A <strong>caixa flip<\/strong> no WordPress \u00e9 um elemento de conte\u00fado interativo que combina texto e recursos visuais com um efeito de anima\u00e7\u00e3o de invers\u00e3o. <\/p>\n\n\n\n<p>Normalmente, ele tem dois lados. \u00c9 comumente usado para apresentar o texto de forma criativa, combinado com um efeito de invers\u00e3o hipnotizante. <\/p>\n\n\n\n<p>As pessoas adicionam flip boxes porque elas s\u00e3o um elemento envolvente e interativo altamente recomendado para chamar a aten\u00e7\u00e3o dos visitantes imediatamente. <\/p>\n\n\n\n<p>Agora, vamos examinar outros cen\u00e1rios relacionados \u00e0s Flip boxes.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Experimente gratuitamente<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-why-use-flip-boxes-in-wordpress-websites\">Por que usar Flip Boxes em sites WordPress?<\/h2>\n\n\n\n<p>As flip boxes s\u00e3o um poderoso elemento de design que pode elevar o conte\u00fado do WordPress de v\u00e1rias maneiras. Veja por que vale a pena us\u00e1-las:<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-e2cada25-8cf3-485f-8302-3285df5c55cc\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Chamar a aten\u00e7\u00e3o<\/strong>: As flip boxes chamam a aten\u00e7\u00e3o dos visitantes como um \u00edm\u00e3 e despertam a curiosidade, incentivando-os a explorar mais. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Destacar informa\u00e7\u00f5es importantes<\/strong>: Os flip boxes permitem que voc\u00ea apresente detalhes importantes com precis\u00e3o na frente e ofere\u00e7a explica\u00e7\u00f5es ou mais detalhes no verso, o que torna o conte\u00fado mais abrangente.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Apresente o Conentent Elegantly: <\/strong>As flip boxes permitem que voc\u00ea apresente seu conte\u00fado de forma elegante. Em vez de texto simples ou caixas est\u00e1ticas, as flip boxes oferecem uma maneira elegante de apresentar servi\u00e7os, perfis de equipe, CTAs etc. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p>Agora que voc\u00ea aprendeu algumas vantagens de usar flip boxes em seu site, vamos ao tutorial principal abaixo.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-how-to-create-flip-boxes-in-wordpress\">Como criar flip boxes no WordPress<\/h2>\n\n\n\n<p>Como o WordPress n\u00e3o tem um bloco central para criar uma flip box, usaremos um plug-in de terceiros chamado <a href=\"https:\/\/wordpress.org\/plugins\/image-hover-effects-ultimate-visual-composer\/\" target=\"_blank\" rel=\"noopener\">Flipbox<\/a>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png\" alt=\"\" class=\"wp-image-4859\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-768x249.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1536x497.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-18x6.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1.png 1544w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>O Flipbox tem uma cole\u00e7\u00e3o de efeitos CSS3 de plug-in interessantes para tornar os flipboxes mais atraentes. Ele funciona com qualquer construtor de p\u00e1ginas e \u00e9 responsivo por padr\u00e3o. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-1-install-the-flipbox\">Etapa 1: Instalar o Flipbox<\/h3>\n\n\n\n<p>A primeira etapa \u00e9 instalar o plug-in Flipbox fazendo login no painel de controle do seu site. Em seguida, navegue at\u00e9&nbsp;<strong>Plugins (1) &gt; Adicionar novo plug-in (2).&nbsp;<\/strong>Pesquisa <strong>Flipbox (3)<\/strong>&nbsp;e&nbsp;<strong>instalar o plug-in (4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png\" alt=\"Como criar flip boxes no WordPress\" class=\"wp-image-4864\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1.png 1072w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>N\u00e3o se esque\u00e7a de ativar o plug-in ap\u00f3s a instala\u00e7\u00e3o. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png\" alt=\"\" class=\"wp-image-4867\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png 930w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-768x372.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-18x9.png 18w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-2-create-your-flip-boxes\">Etapa 2: Crie suas Flip Boxes<\/h3>\n\n\n\n<p>Agora, clique em <strong>Caixa flip<\/strong> <strong>(1)<\/strong> e <strong>Criar novo<\/strong> depois disso <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png\" alt=\"\" class=\"wp-image-4872\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-768x295.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1.png 1288w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Selecione qualquer estilo de sua prefer\u00eancia na p\u00e1gina e clique em \"Create Style\". Se voc\u00ea rolar a tela para baixo, ver\u00e1 v\u00e1rios estilos. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png\" alt=\"\" class=\"wp-image-4922\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1.png 1232w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>D\u00ea uma <strong>nome<\/strong> em sua flip box <strong>(1)<\/strong>e selecione a op\u00e7\u00e3o <strong>N\u00famero do layout<\/strong>. O <strong>Os layouts est\u00e3o no<\/strong> <strong>Estilos<\/strong> que voc\u00ea j\u00e1 viu anteriormente (<strong>Cada estilo tem tr\u00eas layouts<\/strong>). Por fim, clique no bot\u00e3o <strong>Salvar<\/strong> bot\u00e3o <strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png\" alt=\"\" class=\"wp-image-4876\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-768x311.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43.png 1244w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-3-customize-your-flip-box\">Etapa 3: Personalize sua Flip Box<\/h3>\n\n\n\n<p>Todas as op\u00e7\u00f5es s\u00e3o para personaliza\u00e7\u00e3o. Personalize de acordo com suas necessidades. A visualiza\u00e7\u00e3o \u00e9 mostrada abaixo na mesma p\u00e1gina.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png\" alt=\"\" class=\"wp-image-4879\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png 968w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-300x169.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-768x433.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-18x10.png 18w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Selecione a op\u00e7\u00e3o \"<strong>Abrir Flip Boxes de\"<\/strong> para inserir seu conte\u00fado. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png\" alt=\"\" class=\"wp-image-4883\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-768x327.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Digite o <strong>T\u00edtulo da frente (1<\/strong>) e <strong>\u00cdcone frontal (2)<\/strong>e, por fim, clique em <strong>Carregar imagem<\/strong> para carregar uma imagem para a frente <strong>(3)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"394\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png\" alt=\"\" class=\"wp-image-4887\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png 650w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-18x12.png 18w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Role para baixo na mesma p\u00e1gina e digite o c\u00f3digo <strong>Informa\u00e7\u00f5es de back-end <\/strong>ou texto detalhado do conte\u00fado <strong>(1)<\/strong> e o<strong> Texto do bot\u00e3o de backend (2)<\/strong>. Voc\u00ea tamb\u00e9m pode inserir o <strong>link do bot\u00e3o<\/strong> se voc\u00ea quiser <strong>(3)<\/strong>. Depois disso, voc\u00ea deve definir uma imagem para a imagem de fundo do backend clicando no bot\u00e3o \"<strong>Carregar imagem<\/strong>&#8221; <strong>(4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"526\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png\" alt=\"\" class=\"wp-image-4892\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png 868w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-18x12.png 18w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Depois de configurar tudo, pressione o bot\u00e3o \"<strong>Enviar<\/strong>Bot\u00e3o \" <strong>(1)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"552\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png\" alt=\"\" class=\"wp-image-4895\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png 712w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-300x233.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-15x12.png 15w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Voc\u00ea pode <strong>Adicione mais flip boxes, se desejar<\/strong>. Seguir<strong> as diretrizes da \"Etapa 3\" repetidamente<\/strong> para adicionar mais flip boxes \u00e0 flip box atual.<\/p>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode <strong>editar ou excluir<\/strong> suas flip boxes tamb\u00e9m. Voc\u00ea pode ver as op\u00e7\u00f5es levando o cursor at\u00e9 as flip boxes. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png\" alt=\"\" class=\"wp-image-4898\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05.png 1224w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Ap\u00f3s toda a edi\u00e7\u00e3o e personaliza\u00e7\u00e3o, clique em \"<strong>Item por linhas<\/strong>&#8221; <strong>(1)<\/strong> para definir quantas flip boxes voc\u00ea deseja exibir por vez em cada linha. Selecionei tr\u00eas itens, pois quero exibir tr\u00eas itens por linha. Agora, pressione o bot\u00e3o <strong>Enviar<\/strong> bot\u00e3o <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png\" alt=\"\" class=\"wp-image-4900\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-300x158.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-768x406.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1.png 1212w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Depois disso, voc\u00ea deve salvar o Flip Box. Basta clicar no bot\u00e3o Save (Salvar) <strong>(1)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png\" alt=\"\" class=\"wp-image-4903\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-300x155.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-768x396.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20.png 1066w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-4-insert-the-flip-box-shortcode\">Etapa 4: Insira o shortcode Flip Box<\/h3>\n\n\n\n<p>Ir para <strong>Flip Box (1) <\/strong>e <strong>copiar o c\u00f3digo curto<\/strong> <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"388\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png\" alt=\"\" class=\"wp-image-4906\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png 954w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-18x7.png 18w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/figure>\n<\/div>\n\n\n\n<p>V\u00e1 para as postagens ou p\u00e1ginas em que deseja exibir a flip box. Para fazer isso, navegue at\u00e9 <strong>Postagens (1) &gt; Todas as postagens (2)<\/strong>\u00a0e\u00a0<strong>editar essa postagem ou p\u00e1gina (3)<\/strong>.\u00a0<strong>N.B.<\/strong>\u00a0O mesmo se aplica \u00e0 edi\u00e7\u00e3o de uma p\u00e1gina, mas voc\u00ea deve ir para <strong>P\u00e1ginas<\/strong> <strong>><\/strong> <strong>Todas as p\u00e1ginas<\/strong> Primeiro.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png\" alt=\"\" class=\"wp-image-4620\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png 914w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-18x9.png 18w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Para inserir a flip box, voc\u00ea deve inserir a tag <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/shortcode-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloco de c\u00f3digo curto<\/a><\/strong>, clique no \u00edcone \"+\" (Add Block Icon) no editor (1) e digite \"<strong>C\u00f3digo curto<\/strong>\" na caixa de pesquisa\u00a0<strong>(2)<\/strong>. Clique no bot\u00e3o\u00a0<strong>\"Shortcode\"\u00a0<\/strong>para inseri-lo no editor<strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"353\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png\" alt=\"\" class=\"wp-image-4912\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png 844w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-300x125.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-768x321.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-18x8.png 18w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Agora, cole o shortcode <strong>(1)<\/strong> e salve ou publique seu post ou p\u00e1gina. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"375\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png\" alt=\"\" class=\"wp-image-4914\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png 1004w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-300x112.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-768x287.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-18x7.png 18w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Veja a demonstra\u00e7\u00e3o abaixo. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"502\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-26-44-1.gif\" alt=\"\" class=\"wp-image-4918\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-final-thoughts\">Considera\u00e7\u00f5es finais!<\/h2>\n\n\n\n<p>Criar flip boxes no WordPress \u00e9 uma maneira f\u00e1cil de elevar o design e o envolvimento do seu site. As flip boxes s\u00e3o uma adi\u00e7\u00e3o simples que pode deixar uma impress\u00e3o duradoura em seu p\u00fablico.<\/p>\n\n\n\n<p>Seguindo as etapas acima, voc\u00ea pode integrar facilmente elementos din\u00e2micos e visualmente atraentes que t\u00eam apar\u00eancia profissional e melhoram a forma como os visitantes interagem com o seu conte\u00fado.<\/p>\n\n\n\n<p>Espero que as diretrizes tenham sido f\u00e1ceis de seguir. Mas, se tiver encontrado alguma dificuldade, informe-me na se\u00e7\u00e3o de coment\u00e1rios abaixo. Terei o maior prazer em ajud\u00e1-lo.<\/p>\n\n\n\n<p>Al\u00e9m disso, n\u00e3o se esque\u00e7a de compartilhar o tutorial com seus amigos por meio das m\u00eddias sociais. <\/p>\n\n\n\n<p><strong>Leia mais<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-uma-caixa-de-avaliacao-as-paginas-de-posts-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como adicionar uma caixa de avalia\u00e7\u00e3o \u00e0s postagens\/p\u00e1ginas do WordPress de duas maneiras f\u00e1ceis<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-tornar-o-cabecalho-de-uma-tabela-fixo-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como tornar o cabe\u00e7alho de uma tabela fixo no WordPress (3 etapas f\u00e1ceis)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-alterar-a-cor-do-mouse-do-botao-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como alterar a cor do hover do bot\u00e3o no WordPress em 3 etapas f\u00e1ceis<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-responsiva-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como criar uma tabela responsiva no WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-um-botao-de-alternancia-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como adicionar um bot\u00e3o de altern\u00e2ncia ao seu site WordPress<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-fbeaa135-21a3-4ea8-b651-575afe27c9c0\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"logotipo do facebook\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;title=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">compartilhar<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do twitter\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;text=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tu\u00edte<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do linkedin\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-create-flip-boxes-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">compartilhar<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>If you are searching for a tutorial on how to create flip boxes in WordPress, we have a comprehensive guideline for you. What you need is to follow how you can create one from scratch. But before that, let&#8217;s learn some details about flip boxes. What is a Flip box in WordPress? A flip box [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":4850,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,13],"tags":[],"class_list":["post-4849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-plugins"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/How-to-Create-Flip-Boxes-in-WordPress-1140-x-450-px.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/pt\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=4849"}],"version-history":[{"count":30,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4849\/revisions"}],"predecessor-version":[{"id":4932,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4849\/revisions\/4932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/4850"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=4849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=4849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=4849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}