{"id":17055,"date":"2022-01-30T17:46:21","date_gmt":"2022-01-30T11:46:21","guid":{"rendered":"https:\/\/hasthemes.com\/blog\/?p=17055"},"modified":"2022-09-07T17:22:54","modified_gmt":"2022-09-07T11:22:54","slug":"elementor-interactive-card-widget","status":"publish","type":"post","link":"https:\/\/hasthemes.com\/blog\/elementor-interactive-card-widget\/","title":{"rendered":"Elementor Interactive Card widget"},"content":{"rendered":"\n<p>The&nbsp; Elementor interactive card widget is a great method to showcase your content in an attractive and creative way. It&#8217;s easy to use and brings advanced content management capabilities to make your website more appealing to your visitors. With this widget, you can easily create interactive content and amaze your visitors with your ideas.&nbsp;<\/p>\n\n\n\n<p>Elementor Interactive Cards Widget comes into play for creating engaging and interactive cards for your website. With the Elementor Interactive Card widget, you can create a dynamic and visually appealing card that will keep your visitors engaged. Plus, with Limitless Flexible Design, you can customize your card to match your exact needs. And with Image Grid Style and Complete Customization Options, you can create interactive content that&#8217;s truly unique.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits of Elementor Interactive Card widget&nbsp;<\/h2>\n\n\n\n<p>With this widget, you can amaze your visitors with your imaginative ideas and engage them in your content. With this widget, you can easily create beautiful cards with images, text, and buttons that will help you promote your products or services.&nbsp;<\/p>\n\n\n\n<p>Elementor&#8217;s new interactive cards widget enables you to add a card-based layout with a swipe effect to your website, even if you don&#8217;t have any coding skills. The markup for the widget is minimal and it works on both mobile devices and desktop browsers. All you need to do is add the code snippet to your website, add an&nbsp; Elementor interactive card, and set its properties accordingly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Interactive cards widget by Move Addons<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"282\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/move-addons-for-elementor-1.png\" alt=\"Interactive cards widget by Move Addons\" class=\"wp-image-48853\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/move-addons-for-elementor-1.png 804w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/move-addons-for-elementor-1-768x269.png 768w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/><figcaption> Interactive cards widget by Move Addons <\/figcaption><\/figure>\n\n\n\n<p>To create interactive content quickly check out the<a href=\"https:\/\/hasthemes.com\/blog\/get-elementor\" target=\"_blank\" rel=\"noreferrer noopener\"> Elementor<\/a> interactive card widget that is available on the pro version of Move Addons. It offers you 5 unique styles to choose from. You may also select the background color of your interactive cards very easily with the help of this widget. The front side section of the widget enables options to add icons to your interactive cards. With which you can slide into other information with an animated effect. You can either choose the icon from the library or from your device.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"577\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1.png\" alt=\" Interactive cards widget by Move Addons \" class=\"wp-image-48855\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1.png 1012w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1-768x437.png 768w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><figcaption> Interactive cards widget by Move Addons <\/figcaption><\/figure>\n\n\n\n<p>Not only that add a personalized touch to the front side of your interactive cards with this widget by Move Addons. Add title, description, button text, and image to your cards very quickly and efficiently. The widget has options to personalize the backside of the cards as well. Add a Title and Description that goes with your interactive cards. Also, add a button text and link to extend the view of the description. The widget also lets you add creative Images to give your interactive cards a more distinguished look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"450\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1-1-1.png\" alt=\" Interactive cards widget by Move Addons \" class=\"wp-image-48860\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1-1-1.png 1012w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-interactive-card-widge-by-move-addons-1-1-1-768x341.png 768w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><figcaption> Interactive cards widget by Move Addons <\/figcaption><\/figure>\n\n\n\n<p>The style tab of the widget offers numerous options to customize the look and feel of your cards to have a better impact on your website visitors. Customize the Background Type, add Icon, change the Icon Color and Size, and many more elements of both front and back sides of the cards with the interactive cards widget by Move Addons. Select to display icons either hovered or normal. Furthermore, alter the Color, Background Color, and Alignment of the interactive cards as per your requirements.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/demo.moveaddons.com\/interactive-cards\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pricing-plan-htmega-and-move-addons-\">Pricing Plan: Move Addons<\/h3>\n\n\n\n<p>Check the pricing table for Move Addons.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Personal<\/th><th>Developer<\/th><th>Agency<\/th><\/tr><\/thead><tbody><tr><td><strong>1<\/strong> Website: $39\/year<\/td><td><strong>5<\/strong> Websites: $89\/Year<\/td><td><strong>1000<\/strong> Websites: $179\/Year<\/td><\/tr><tr><td><strong>1<\/strong> Website: $149\/Lifetime<\/td><td><strong>5<\/strong> Websites: $349\/Lifetime<\/td><td><strong>1000<\/strong> Websites: $549\/Lifetime<\/td><\/tr><tr><td>80+ Widgets<br>Outstanding Design<br>Access to Template Library<br>Access to Premium Themes (Coming Soon)<br>On-Demand Asset Loading<br>Live Copy<\/td><td>80+ Widgets<br>Outstanding Design<br>Access to Template Library<br>Access to Premium Themes (Coming Soon)<br>On-Demand Asset Loading<br>Live Copy<\/td><td>80+ Widgets<br>Outstanding Design<br>Access to Template Library<br>Access to Premium Themes (Coming Soon)<br>On-Demand Asset Loading<br>Live Copy<\/td><\/tr><tr><td><strong><a href=\"https:\/\/moveaddons.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Now or Check Pricing Plan<\/a><\/strong><\/td><td><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/moveaddons.com\/pricing\/\" target=\"_blank\">Buy Now or Check Pricing Plan <\/a><\/strong><\/td><td> <strong><a href=\"https:\/\/moveaddons.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Now or Check Pricing Plan <\/a><\/strong><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Move Addons Pricing Plan<\/figcaption><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Watch the video about Elementor Interactive Card widget<\/h5>\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 loading=\"lazy\" title=\"How to Use Interactive Card Widget by Element Pack in Elementor | BdThemes Tutorial\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/r8IXJUD3PA4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption><a href=\"https:\/\/www.youtube.com\/watch?v=r8IXJUD3PA4\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor Interactive Card widget<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion &nbsp;<\/h3>\n\n\n\n<p>An effective way to engage your website visitors is using the Elementor Interactive Cards Widget. You can create cards that are unique and engaging by using a wide variety of animations and styling options. Plus, the Elementor Interactive Cards Widget ensures smooth, seamless animation on any device.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The&nbsp; Elementor interactive card widget is a great method to showcase your content in an attractive and creative way. It&#8217;s easy to use and brings advanced content management capabilities to make your website more appealing to your visitors. With this widget, you can easily create interactive content and amaze your visitors with your ideas.&nbsp; Elementor [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":19836,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[101],"class_list":["post-17055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-elementor-widgets"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/17055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/comments?post=17055"}],"version-history":[{"count":0,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/17055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media\/19836"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media?parent=17055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/categories?post=17055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/tags?post=17055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}