{"id":394,"date":"2022-09-02T11:00:00","date_gmt":"2022-09-02T08:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=394"},"modified":"2025-06-15T22:23:38","modified_gmt":"2025-06-15T19:23:38","slug":"flip-box-widget-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/","title":{"rendered":"Flip Box widget"},"content":{"rendered":"\n<p>The <strong>Flip Box Widget<\/strong> helps you create animated boxes that flip to the other side, when a visitor hovers over them.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use the Flip Box Widget on Elementor Page Builder [Pro Feature]\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/gFYLYcwO3vs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Content&nbsp;<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Front<\/h4>\n\n\n\n<p><strong>Content<\/strong><\/p>\n\n\n\n<p>This tab controls the content of the front side of the flip box.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Graphic Element<\/strong>: Choose between None, Image or Icon to display a graphical Element in the front of the flip box. For more details, see <a href=\"https:\/\/elementor.com\/help\/add-graphic-element\/\">Adding images and icons<\/a>.<\/li>\n\n\n\n<li>If Image is selected as the Graphic Element: <br><strong>Choose Image<\/strong>: Select or upload an image <br><strong>Image Resolution<\/strong>: Set the size of the image, from thumbnail to full, or set a custom size<\/li>\n\n\n\n<li>If Icon is selected as the Graphic Element:<br><strong>Icon<\/strong>: Select an icon from the FontAwesome library <br><strong>View<\/strong>: Choose the default icon view, or select Stacked or Framed<br><strong>Shape<\/strong>: &nbsp;If Stacked or Framed is chosen, choose Circle or Square<\/li>\n\n\n\n<li><strong>Title &amp; Description<\/strong>: Choose the title and description that appears in the front of the flip box<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>Background<\/strong><\/p>\n\n\n\n<p>This tab controls the background of the front side of the flip box.<\/p>\n\n\n\n<p><strong>Background Type<\/strong>: Choose Color, Image or Gradient as the background of the front of the flip box. For more details, see, <a href=\"http:\/\/elementor.com\/help\/create-background\">Create a Background<\/a>.<\/p>\n\n\n\n<p>If you choose an <strong>Image Background<\/strong>, the following options become available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Position<\/strong>: Select the position of the image, such as Top Center, Top Right, Center Center, etc.<\/li>\n\n\n\n<li><strong>Attachment<\/strong>: Select from Default, Scroll, or Fixed<\/li>\n\n\n\n<li><strong>Repeat<\/strong>: Choose from Default, No-repeat, Repeat, Repeat-x, or Repeat-y<\/li>\n\n\n\n<li><strong>Size<\/strong>: Select from Default, Auto, Cover, or Contain<\/li>\n\n\n\n<li><strong>Background Overlay<\/strong>: Choose a color for the overlay<\/li>\n<\/ul>\n\n\n\n<p>If you choose <strong>Gradient Background<\/strong>, the following options become available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color<\/strong>: Select the primary color of the gradient. For more details, see <a href=\"https:\/\/elementor.com\/help\/choose-color\/\">Choose a color<\/a> or <a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\">Use global fonts and colors<\/a>.<\/li>\n\n\n\n<li><strong>Location<\/strong>: Select the location of the primary color<\/li>\n\n\n\n<li><strong>Second<\/strong> <strong>Color<\/strong>: Select the second color of the gradient. For more details, see <a href=\"https:\/\/elementor.com\/help\/choose-color\/\">Choose a color<\/a> or <a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\">Use global fonts and colors<\/a>.<\/li>\n\n\n\n<li><strong>Location<\/strong>: Select the location of the second color<\/li>\n\n\n\n<li><strong>Type<\/strong>: Choose Linear or Radial<\/li>\n\n\n\n<li><strong>Angle<\/strong>: Set the angle of the gradient<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Back<\/h4>\n\n\n\n<p>The back side of the flip box has the same elements as the front side listed above, except for the graphic element that only appears on the front. The back side also includes a button.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong style=\"background-color: initial\">Button Text: <\/strong>Choose the text that appears inside the button<\/li>\n\n\n\n<li><strong style=\"background-color: initial\">Link:<\/strong> Choose where the button points to. The link needs to include the entire URL (including http \/ https)<\/li>\n\n\n\n<li><strong style=\"background-color: initial\">Apply Link On:&nbsp;<\/strong>Choose to apply the clickable link to the Button Only, or to the Whole Box<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Settings<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title HTML Tag<\/strong>: Use the dropdown menu to designate the title of the price list as a header (H1-6). This helps search engines find and understand the price list, boosting SEO. The title can also be tagged as a paragraph, span or div<\/li>\n\n\n\n<li><strong>Description HTML Tag<\/strong>: Use the dropdown menu to designate the description of the price list as a header (H1-6). This helps search engines find and understand the description, boosting SEO. The description can also be tagged as a paragraph, span or div<\/li>\n\n\n\n<li><strong>Height:<\/strong> Control the height of the flip box. For more details, see, <a href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/#\">Units of measurement<\/a>.<\/li>\n\n\n\n<li><strong>Border Radius: <\/strong>Set the border radius of the flip box, and make its corners round. For more details, see <a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\">Border radius tools<\/a>.<\/li>\n\n\n\n<li><strong>Flip Effect: <\/strong>Choose between flip effects, including flip, slide, push, zoom in, zoom out or fade<\/li>\n\n\n\n<li><strong>Flip Direction: <\/strong>If you choose the flip or slide effects, you can have the flip box flip right, left, up or down<\/li>\n\n\n\n<li><strong>3D Depth:<\/strong> Slide to On to give the flip box a 3D animation effect<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\" alt=\"\" class=\"wp-image-39730\"\/><\/figure>\n\n\n\n<p>[callout type=&#8221;note&#8221;]The Safari browser is partially incompatible with the 3D Depth effect on mobile. If 3D Depth is used, portions of the flip box may show through the Nav Menu dropdown.\u00a0It is not possible to use the 3D Flip Box widget and the Nav Menu widget with IOS due to issues with Safari being unable to support this option.\u00a0We advise modifying the content for mobile in this case with the <a href=\"https:\/\/elementor.com\/help\/section-overview\/\">&#8220;hide section&#8221; option<\/a> in the section&#8217;s Advanced tab in <em>Responsive > Visibility<\/em>.[\/callout]<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Front Side<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Padding<\/strong>: Add padding to the content area of the front of the flip box<\/li>\n\n\n\n<li><strong>Alignment<\/strong>: Choose to align the flip box content to the left, right or center of the flip box<\/li>\n\n\n\n<li><strong>Vertical Position<\/strong>: Align the flip box content to the top, center or bottom of the flip box<\/li>\n\n\n\n<li><strong>Border Type<\/strong>: Set a border to the entire flip box<\/li>\n\n\n\n<li><strong>Width<\/strong>: If a border type is chosen, set a width for the border<\/li>\n\n\n\n<li><strong>Color<\/strong>: If a border type is chosen, select a color for the border<\/li>\n<\/ol>\n\n\n\n<p><strong>Icon<\/strong><\/p>\n\n\n\n<p>If an image is chose for the front of the flip box.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Spacing<\/strong>: Control the space between the icon and the title<\/li>\n\n\n\n<li><strong>Primary Color<\/strong>: Choose the primary color of the icon<\/li>\n\n\n\n<li><strong>Icon Size<\/strong>: Choose the size of the icon<\/li>\n\n\n\n<li><strong>Icon Padding<\/strong>: Set the amount of padding around the icon<\/li>\n\n\n\n<li><strong>Icon Rotate<\/strong>: Rotate the icon to any angle<\/li>\n<\/ol>\n\n\n\n<p><strong>Image<\/strong><\/p>\n\n\n\n<p>If an image is chosen for the front of the flip box.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Spacing<\/strong>: Control the space between the image and the title<\/li>\n\n\n\n<li><strong>Width<\/strong>: Width of the image<\/li>\n\n\n\n<li><strong>Opacity<\/strong>: Choose the opacity of the image<\/li>\n\n\n\n<li><strong>Border Type<\/strong>: Choose a border for the image: None, Solid, Double, Dotted, Dashed, or Groove<\/li>\n\n\n\n<li><strong>Border<\/strong> <strong>Width<\/strong>: If a border type is chosen, set a width for the four sides of the border<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Choose the color of the border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Control the border radius of the image border<\/li>\n<\/ol>\n\n\n\n<p><strong>Title<\/strong>&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong style=\"background-color: initial\">Spacing: <\/strong>Control the space between the title and description<\/li>\n\n\n\n<li><strong style=\"background-color: initial\">Text Color: <\/strong>Choose the color of the title<\/li>\n\n\n\n<li><strong style=\"background-color: initial\">Typography:<\/strong> Set the typography settings of the title<\/li>\n\n\n\n<li><strong>Text Stroke<\/strong>: Color the outline of your text and images. Learn more about <a href=\"https:\/\/elementor.com\/help\/text-stroke-feature\/\">text stroke<\/a>.<\/li>\n<\/ol>\n\n\n\n<p><strong>Description<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><b style=\"background-color: initial\">Text Color:<\/b>&nbsp;Choose the color of the description<\/li>\n\n\n\n<li><strong style=\"background-color: initial\">Typography:&nbsp;<\/strong>Set the typography settings of the description<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Back Side<\/h3>\n\n\n\n<p>For the back side of the flip box, you get all the options listed previously for the front side, minus the graphical element settings. You also get control over the button settings.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Button<\/h4>\n\n\n\n<p>Button style controls will not appear if the flip box does not contain a button.<\/p>\n\n\n\n<p>Click <strong>Normal<\/strong> to determine the button&#8217;s default settings and <strong>Hover <\/strong>to determine how the button will appear when visitors mouse over it.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Size<\/strong>: Choose a size for the button (extra small, small, medium large and extra large)<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Customize the typography of the button text<\/li>\n\n\n\n<li><strong>Text<\/strong> <strong>Color<\/strong>: Choose the text color of the button<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Select between a Classic and Gradient background<\/li>\n\n\n\n<li><strong>Color<\/strong>: Choose the button color.<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Control the color of the button border<\/li>\n\n\n\n<li><strong>Transition Duration<\/strong>: Determines the length of time it takes for the button to change appearance when visitors hover over it.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Control the width of the button border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Control the border radius of the button<\/li>\n<\/ol>\n\n\n\n<p><strong>Hover <\/strong>mode lets you set a transition duration. This is the length of time it takes for the element to change its appearance.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p>Set the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced options<\/a> that are applicable to this widget<\/p>\n\n\n\n<p><a href=\"https:\/\/elementor.com\/pro-v120-flip-box\/\">Read the full release post about the Flip Box widget<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create animated boxes that flip to over upon hover<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3f2089114c311da0b49b8"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235,1236],"class_list":["post-394","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro","tag-3-15"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flip Box widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Flip Box widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flip Box widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Flip Box widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-02T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-15T19:23:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"364\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Flip Box widget\",\"datePublished\":\"2022-09-02T08:00:00+00:00\",\"dateModified\":\"2025-06-15T19:23:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\"},\"wordCount\":1194,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\",\"Version 3.15\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\",\"url\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\",\"name\":\"Flip Box widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\",\"datePublished\":\"2022-09-02T08:00:00+00:00\",\"dateModified\":\"2025-06-15T19:23:38+00:00\",\"description\":\"Learn everything about Flip Box widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif\",\"width\":1024,\"height\":466},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Flip Box widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flip Box widget | Elementor","description":"Learn everything about Flip Box widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/","og_locale":"en_US","og_type":"article","og_title":"Flip Box widget | Elementor","og_description":"Learn everything about Flip Box widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/","og_site_name":"Help","article_published_time":"2022-09-02T08:00:00+00:00","article_modified_time":"2025-06-15T19:23:38+00:00","og_image":[{"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif","width":800,"height":364,"type":"image\/gif"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Flip Box widget","datePublished":"2022-09-02T08:00:00+00:00","dateModified":"2025-06-15T19:23:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/"},"wordCount":1194,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro","Version 3.15"],"articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/flip-box-widget-pro\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/","url":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/","name":"Flip Box widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif","datePublished":"2022-09-02T08:00:00+00:00","dateModified":"2025-06-15T19:23:38+00:00","description":"Learn everything about Flip Box widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/flip-box-widget-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/09\/flipbox.gif","width":1024,"height":466},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/flip-box-widget-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Flip Box widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":9,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":58905,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/394\/revisions\/58905"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}