Product Page Ideas Archives - Frictionless Commerce

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="/favicon.ico" sizes="32x32"> <title>Product Page Ideas Archives - Frictionless Commerce</title> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" > <link rel="canonical" href="/blog/tag/product-page-ideas/" > <meta property="og:locale" content="en_US" > <meta property="og:type" content="article" > <meta property="og:title" content="Product Page Ideas Archives" > <meta property="og:url" content="https://frictionlessco.wpengine.com/blog/tag/product-page-ideas/" > <meta property="og:site_name" content="Frictionless Commerce" > <meta name="twitter:card" content="summary_large_image" > <meta name="twitter:site" content="@BetterRetail" > <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://frictionlessco.wpengine.com/blog/tag/product-page-ideas/","url":"https://frictionlessco.wpengine.com/blog/tag/product-page-ideas/","name":"Product Page Ideas Archives - Frictionless Commerce","isPartOf":{"@id":"https://frictionlessco.wpengine.com/#website"},"breadcrumb":{"@id":"https://frictionlessco.wpengine.com/blog/tag/product-page-ideas/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://frictionlessco.wpengine.com/blog/tag/product-page-ideas/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://frictionlessco.wpengine.com/"},{"@type":"ListItem","position":2,"name":"Product Page Ideas"}]},{"@type":"WebSite","@id":"https://frictionlessco.wpengine.com/#website","url":"https://frictionlessco.wpengine.com/","name":"Frictionless Commerce","description":"Understanding Buyer Psychology","publisher":{"@id":"https://frictionlessco.wpengine.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://frictionlessco.wpengine.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://frictionlessco.wpengine.com/#organization","name":"Frictionless Commerce","url":"https://frictionlessco.wpengine.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://frictionlessco.wpengine.com/#/schema/logo/image/","url":"https://frictionlessco.wpengine.com/wp-content/uploads/2019/03/FC-Logo.png","contentUrl":"https://frictionlessco.wpengine.com/wp-content/uploads/2019/03/FC-Logo.png","width":1171,"height":559,"caption":"Frictionless Commerce"},"image":{"@id":"https://frictionlessco.wpengine.com/#/schema/logo/image/"},"sameAs":["https://x.com/BetterRetail","https://www.linkedin.com/in/rawatrishi/","https://www.youtube.com/channel/UC8scU3gi4UKCCEohGWnDUCA"]}]}</script> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Alice&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/styles/main.css"> <script data-cfasync="false"> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.' + 'js?id=' + i + dl; f .parentNode .insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PPWV5LG'); </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } </script> <script> async function submitForm({ endpoint, ...data }) { if (!endpoint.match(/https?:\/\//)) { endpoint = window.location.origin + endpoint; } var url = new URL(endpoint); const keys = Object.keys(data); keys.forEach((key) => url.searchParams.append(key, data[key])); return fetch(url); } const wordpressURL = "https://frictionlessco.wpengine.com/"; </script> </head> <body> <div class="site has-subpage"> <div class="background-page page-1"></div> <div class="background-page page-2"></div> <div class="background-page page-3"></div> <div class="background-page page-4"></div> <header class="masthead" role="banner"> <div class="navbar"> <div class="navbar--mobile-only"> <a href="/" class="brand img"> <img alt="Frictionless Commerce" src="/assets/images/FC_Identity_Blk.svg" width="122px" ></a> <a href="#" class="mobile-nav-toggle-open collapsed" role="button" aria-label="Menu"> <span class="icon-bars"></span> <span class="icon-times"></span> </a> </div> <nav class="nav-wrap desktop" role="navigation"> <ul id="menu-menu-top" class="nav"> <li> <a href="/our-philosophy/"> <span>Our Philosophy</span></a> </li> <li> <a href="/rishi-rawat-story/"> <span>Rishi Rawat</span></a> </li> <li> <a href="/case-studies/"> <span>Case Studies</span></a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom"> <a href="/"> <span>Home</span></a> </li> <li> <a href="/testimonials/"> <span>Testimonials</span></a> </li> <li> <a href="/we-a-fit/"> <span>Are We A Fit?</span></a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8986 current_page_item current_page_parent" > <a href="/blog/" aria-current="page"> <span>Our Blog</span></a> </li> </ul> </nav> <div class="nav-wrap mobile collapsed"> <ul class="nav"> <li> <a href="/our-philosophy/"> <span>Our Philosophy</span></a> </li> <li> <a href="/rishi-rawat-story/"> <span>Rishi Rawat</span></a> </li> <li> <a href="/case-studies/"> <span>Case Studies</span></a> </li> <li> <a href="/"> <span>Home</span></a> </li> <li> <a href="/testimonials/"> <span>Testimonials</span></a> </li> <li> <a href="/we-a-fit/"> <span>Are We A Fit?</span></a> </li> <li> <a href="/blog/" aria-current="page"> <span>Our Blog</span></a> </li> </ul> </div> </div> </header> <div class="subpage"> <a href="/" class="close-x"><img loading="lazy" alt="Go back" src="/assets/images/close.png" width="18" height="20"></a> <div class="container"> <h1 class="headline"> <span>Blog</span></h1> <h2 style=" text-align: center; font-weight: bold; margin-bottom: 0; font-size: 31px; " > What do online shoppers think about? </h2> <p style="text-align: center; text-transform: uppercase; margin-top: 0"> We explore this question on our blog </p> <div class="content-with-sidebar"> <div class="content"> <article class="post--excerpt"> <div class="left"> <a href="/blog/the-job-of-an-ecommerce-product-page/" title="Permalink to: "The Job of an eCommerce Product Page"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2025/01/The-Job-of-an-eCommerce-Product-Page.png"> </a> </div> <div class="right"> <h2> <a href="/blog/the-job-of-an-ecommerce-product-page/" title="Permalink to: "The Job of an eCommerce Product Page"" >The Job of an eCommerce Product Page</a> </h2> <p></p><p>The job of an eCommerce product page is to sell your product but also sell the buyer on you, the company behind the product. Here’s why…</p> <div class="post-meta"> <time datetime="2025-01-11T16:48:47">January 11, 2025</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/maximize-holiday-conversions/" title="Permalink to: "Maximize Holiday Sales Conversion Rates"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/11/Maximize-Holiday-Sales-Conversion-Rates.png"> </a> </div> <div class="right"> <h2> <a href="/blog/maximize-holiday-conversions/" title="Permalink to: "Maximize Holiday Sales Conversion Rates"" >Maximize Holiday Sales Conversion Rates</a> </h2> <p></p><p>‘Tis the season of cheer… and massive sales. How can you make sure this is the most wonderful time of the year for your product page?</p> <div class="post-meta"> <time datetime="2023-11-14T19:24:11">November 14, 2023</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/how-long-should-ab-test-take/" title="Permalink to: "How Long Should You Run an A/B Test?"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/11/abtest.png"> </a> </div> <div class="right"> <h2> <a href="/blog/how-long-should-ab-test-take/" title="Permalink to: "How Long Should You Run an A/B Test?"" >How Long Should You Run an A/B Test?</a> </h2> <p></p><p>What’s the magic number for A/B testing? Hint: It’s not what you think. Find out the only metric that counts for conversions when A/B testing.</p> <div class="post-meta"> <time datetime="2023-11-06T10:28:58">November 6, 2023</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/optimize-product-description/" title="Permalink to: "Optimizing Your Product Description"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/09/product-description-optimization-featured-image.png"> </a> </div> <div class="right"> <h2> <a href="/blog/optimize-product-description/" title="Permalink to: "Optimizing Your Product Description"" >Optimizing Your Product Description</a> </h2> <p></p><p>Crafting product descriptions is like unrolling a red carpet for your visitors. How can you optimize your product description to boost sales?</p> <div class="post-meta"> <time datetime="2023-09-16T22:29:34">September 16, 2023</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/how-to-write-shopify-product-descriptions/" title="Permalink to: "How to Write Shopify Product Descriptions"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/09/shopify-product-description-featured-image.png"> </a> </div> <div class="right"> <h2> <a href="/blog/how-to-write-shopify-product-descriptions/" title="Permalink to: "How to Write Shopify Product Descriptions"" >How to Write Shopify Product Descriptions</a> </h2> <p></p><p>We studied Shopify product descriptions of the top stores so you don’t have to. Here’s what we learned, plus a wild card just for you.</p> <div class="post-meta"> <time datetime="2023-09-14T16:38:35">September 14, 2023</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/chapter-4-5-the-bottom-line/" title="Permalink to: "CHAPTER 4.5: The Bottom Line"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2019/04/Default-Featured-Image.png"> </a> </div> <div class="right"> <h2> <a href="/blog/chapter-4-5-the-bottom-line/" title="Permalink to: "CHAPTER 4.5: The Bottom Line"" >CHAPTER 4.5: The Bottom Line</a> </h2> <p></p><p>People visit homepages for a number of reasons. But product pages have just one purpose. That’s why product page optimization is critical.</p> <div class="post-meta"> <time datetime="2022-11-01T13:45:28">November 1, 2022</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/skimmers-and-diggers/" title="Permalink to: "Tell Me More About Skimmers and Diggers"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2021/06/Message.png"> </a> </div> <div class="right"> <h2> <a href="/blog/skimmers-and-diggers/" title="Permalink to: "Tell Me More About Skimmers and Diggers"" >Tell Me More About Skimmers and Diggers</a> </h2> <p></p><p>Skimmers and diggers are very different animals. Both visit your product page. Both need to be satisfied. Here is a simple solution.</p> <div class="post-meta"> <time datetime="2022-05-05T22:02:38">May 5, 2022</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/how-to-optimize-product-pages/" title="Permalink to: "How to Optimize Product Pages"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2021/11/How-to-optimize-product-pages.-Focus-on-the-description.png"> </a> </div> <div class="right"> <h2> <a href="/blog/how-to-optimize-product-pages/" title="Permalink to: "How to Optimize Product Pages"" >How to Optimize Product Pages</a> </h2> <p></p><p>How to optimize product pages is a a question we’ve thought about a lot. After running 100s of tests we’ve found the answer. Come in.</p> <div class="post-meta"> <time datetime="2021-11-23T15:12:58">November 23, 2021</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/shopify-product-description/" title="Permalink to: "Shopify Product Description"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2021/11/Shopify-Product-Description.png"> </a> </div> <div class="right"> <h2> <a href="/blog/shopify-product-description/" title="Permalink to: "Shopify Product Description"" >Shopify Product Description</a> </h2> <p></p><p>Your Shopify Product Description really matters. In this article, we’ll show you why that is how you can $$$ by nailing your description.</p> <div class="post-meta"> <time datetime="2021-11-07T20:03:22">November 7, 2021</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/product-description-for-new-product/" title="Permalink to: "Product Description for New Product"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2021/07/Influence.png"> </a> </div> <div class="right"> <h2> <a href="/blog/product-description-for-new-product/" title="Permalink to: "Product Description for New Product"" >Product Description for New Product</a> </h2> <p></p><p>New products, by definition, don’t have reviews. So what is a brand to do? Answer revealed in this powerful conversion optimization post.</p> <div class="post-meta"> <time datetime="2021-07-01T10:29:23">July 1, 2021</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/product-page-research-versus-buy/" title="Permalink to: "Converting Shoppers Who Aren’t Ready to Buy Today"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/10/BakingSteel-Conversion-Optimization-500-250.png"> </a> </div> <div class="right"> <h2> <a href="/blog/product-page-research-versus-buy/" title="Permalink to: "Converting Shoppers Who Aren’t Ready to Buy Today"" >Converting Shoppers Who Aren’t Ready to Buy Today</a> </h2> <p></p><p>You get a visitor to your product page, make a conniving pitch, the visitor is convinced but wasn’t planning on buying today.</p> <p>What now? Explained inside.</p> <div class="post-meta"> <time datetime="2021-03-23T16:58:21">March 23, 2021</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/product-page-optimization/" title="Permalink to: "CHAPTER 4: Product Page Optimization"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/09/Optimize-conversion-rates-all-roads-lead-to-the-product-page.webp"> </a> </div> <div class="right"> <h2> <a href="/blog/product-page-optimization/" title="Permalink to: "CHAPTER 4: Product Page Optimization"" >CHAPTER 4: Product Page Optimization</a> </h2> <p></p><p>People visit homepages for a number of reasons. But product pages have just one purpose. That’s why product page optimization is critical.</p> <div class="post-meta"> <time datetime="2020-10-28T11:12:26">October 28, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/boosting-ecommerce-product-page-sales/" title="Permalink to: "Most Important Page on an eCommerce Site Is &#8230;"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/06/Shortened-eCommerce-Product-Page.jpg"> </a> </div> <div class="right"> <h2> <a href="/blog/boosting-ecommerce-product-page-sales/" title="Permalink to: "Most Important Page on an eCommerce Site Is &#8230;"" >Most Important Page on an eCommerce Site Is …</a> </h2> <p></p><p>If you are en ecommerce businesses nothing is more important than your product page. Here are 5 conversion-boosting ideas based on buyer behavior.</p> <div class="post-meta"> <time datetime="2020-06-20T19:34:10">June 20, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/product-page-active-participation/" title="Permalink to: "Active Participation: The Ultimate Conversion Cheat Code"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/06/Buttons.png"> </a> </div> <div class="right"> <h2> <a href="/blog/product-page-active-participation/" title="Permalink to: "Active Participation: The Ultimate Conversion Cheat Code"" >Active Participation: The Ultimate Conversion Cheat Code</a> </h2> <p></p><p>Active Participation is the ultimate eCommerce conversion cheat code. In this article we’ll show how you can use it.</p> <div class="post-meta"> <time datetime="2020-06-10T10:58:35">June 10, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/psychology-of-discounts/" title="Permalink to: "Psychology of Discounts In eCommerce"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/06/Psychology-of-discounts.png"> </a> </div> <div class="right"> <h2> <a href="/blog/psychology-of-discounts/" title="Permalink to: "Psychology of Discounts In eCommerce"" >Psychology of Discounts In eCommerce</a> </h2> <p></p><p>Psychology of discounts. Discounting is a bad idea because it changes the buyer psychology. 4 wrong ways of doing it. 1 right way.</p> <div class="post-meta"> <time datetime="2020-06-05T15:38:12">June 5, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/long-form-content-on-smartphones/" title="Permalink to: "Making Long-Form Content Mobile Friendly"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/03/Northern-Brewer-Small-1.png"> </a> </div> <div class="right"> <h2> <a href="/blog/long-form-content-on-smartphones/" title="Permalink to: "Making Long-Form Content Mobile Friendly"" >Making Long-Form Content Mobile Friendly</a> </h2> <p></p><p>How the heck do we fit long-form content on a tiny phone? What do we get rid of? Is there a solution to this impossible problem?</p> <div class="post-meta"> <time datetime="2020-03-19T21:34:14">March 19, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/long-form-copy-on-product-pages-making-insights/" title="Permalink to: "Product Page Long-Form Content [Killer Idea]"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/03/60.png"> </a> </div> <div class="right"> <h2> <a href="/blog/long-form-copy-on-product-pages-making-insights/" title="Permalink to: "Product Page Long-Form Content [Killer Idea]"" >Product Page Long-Form Content [Killer Idea]</a> </h2> <p></p><p>Long-form content on a product page is a challenge. But is there is a better way? Yes, we’ve invented a solution that will help you make more money.</p> <div class="post-meta"> <time datetime="2020-03-05T19:22:51">March 5, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/personalized-product-page-higher-conversions/" title="Permalink to: "Personalized Product Description"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2020/01/Default.png"> </a> </div> <div class="right"> <h2> <a href="/blog/personalized-product-page-higher-conversions/" title="Permalink to: "Personalized Product Description"" >Personalized Product Description</a> </h2> <p></p><p>If you can cut content 70% and still improve conversions would you do it?</p> <div class="post-meta"> <time datetime="2020-01-31T15:29:06">January 31, 2020</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/optimizing-your-best-selling-product-pages/" title="Permalink to: "Optimizing Your Best-Selling Product Pages"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2019/10/image-18.png"> </a> </div> <div class="right"> <h2> <a href="/blog/optimizing-your-best-selling-product-pages/" title="Permalink to: "Optimizing Your Best-Selling Product Pages"" >Optimizing Your Best-Selling Product Pages</a> </h2> <p></p><p>Your best-selling product pages may need to be looked at again and optimized. In this blog post, we take a look at an example and explain how it can be modified to increase conversions.</p> <div class="post-meta"> <time datetime="2019-10-17T20:08:52">October 17, 2019</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/best-seller-visibility-strategy/" title="Permalink to: "Product Discovery: Are Your Best Product Pages Getting the Most Traffic?"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2019/08/Activated_Tab-1.png"> </a> </div> <div class="right"> <h2> <a href="/blog/best-seller-visibility-strategy/" title="Permalink to: "Product Discovery: Are Your Best Product Pages Getting the Most Traffic?"" >Product Discovery: Are Your Best Product Pages Getting the Most Traffic?</a> </h2> <p></p><p>If your best sellers are not seen by most site visitors, then you definitely have a problem. We can use buyer psychology to fix that.</p> <div class="post-meta"> <time datetime="2019-08-26T21:21:55">August 26, 2019</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/unique-product-page-template-layout/" title="Permalink to: "Unique Product Page Layout &#038; Design"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2019/05/PDP-Graphic-1.png"> </a> </div> <div class="right"> <h2> <a href="/blog/unique-product-page-template-layout/" title="Permalink to: "Unique Product Page Layout &#038; Design"" >Unique Product Page Layout & Design</a> </h2> <p></p><p>Ever wonder why no matter what site you visit a familiar product page layout greets you? We’ve wondered too.</p> <div class="post-meta"> <time datetime="2019-05-18T16:38:54">May 18, 2019</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/improving-bestseller-sales/" title="Permalink to: "Improving Bestseller Sales"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2018/09/Improving-Bestseller-Sales.png"> </a> </div> <div class="right"> <h2> <a href="/blog/improving-bestseller-sales/" title="Permalink to: "Improving Bestseller Sales"" >Improving Bestseller Sales</a> </h2> <p></p><p>Want to know how to increase online sales for your bestsellers (or other products)? Create competition in your team. In this article, we explain how.</p> <div class="post-meta"> <time datetime="2018-09-03T09:40:42">September 3, 2018</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/write-product-descriptions-with-customer-reviews/" title="Permalink to: "Know Why Your Customers Like You?"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2018/08/A-Yurt.jpg"> </a> </div> <div class="right"> <h2> <a href="/blog/write-product-descriptions-with-customer-reviews/" title="Permalink to: "Know Why Your Customers Like You?"" >Know Why Your Customers Like You?</a> </h2> <p></p><p>A wealth of knowledge is in your customer reviews. See what your customers are saying & use the compelling details to write better product descriptions.</p> <div class="post-meta"> <time datetime="2018-08-27T07:20:52">August 27, 2018</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/subscription-marketing-getting-more-recurring-plan-signups/" title="Permalink to: "Subscription Marketing: Getting More Recurring Plan Signups"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2018/05/Recurring-Plan-Signups.png"> </a> </div> <div class="right"> <h2> <a href="/blog/subscription-marketing-getting-more-recurring-plan-signups/" title="Permalink to: "Subscription Marketing: Getting More Recurring Plan Signups"" >Subscription Marketing: Getting More Recurring Plan Signups</a> </h2> <p></p><p>Subscription marketing is how brands go from “one time” orders to recurring orders. Don’t share this idea, it’s totally different.</p> <div class="post-meta"> <time datetime="2018-05-19T10:33:15">May 19, 2018</time> <span class="tags"> </span> </div> </div> </article> <article class="post--excerpt"> <div class="left"> <a href="/blog/talking-faqs/" title="Permalink to: "Talking FAQs"" > <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2010/06/Talking-FAQs.png"> </a> </div> <div class="right"> <h2> <a href="/blog/talking-faqs/" title="Permalink to: "Talking FAQs"" >Talking FAQs</a> </h2> <p></p><p>Sharing an example of a clever e-tailer that embeds audio FAQs on product pages. Screenshot- This is a great example of the right solution for the appropriate product. SYCLOVIR is a fungal cream most people might not have heard of (I know I hadn’t). Anyone considering a purchase would need to be convinced about its efficacy. In this situation, audio FAQs are very effective.</p> <div class="post-meta"> <time datetime="2010-06-21T12:44:23">June 21, 2010</time> <span class="tags"> </span> </div> </div> </article> </div> <aside class="sidebar"> <div class="widget categories" style="border-top: none"> <h4>Blog Categories</h4> <ul style="padding: 0; list-style-type: none"> <li> <a href="/blog/tag/active-participation/">Active Participation</a> </li> <li> <a href="/blog/tag/advertising/">Advertising</a> </li> <li> <a href="/blog/tag/amazon/">Amazon</a> </li> <li> <a href="/blog/tag/buyer-psychology/">Buyer Psychology</a> </li> <li> <a href="/blog/tag/conversion-copywriting/">Conversion Copywriting</a> </li> <li> <a href="/blog/tag/conversion-optimization/">Conversion Optimization</a> </li> <li> <a href="/blog/tag/copywriting-psychology/">Copywriting Psychology</a> </li> <li> <a href="/blog/tag/cro-metrics/">CRO Metrics</a> </li> <li> <a href="/blog/tag/design/">Design</a> </li> <li> <a href="/blog/tag/email-marketing/">Email Marketing</a> </li> <li> <a href="/blog/tag/lab/">Lab</a> </li> <li> <a href="/blog/tag/landing-page/">Landing Page</a> </li> <li> <a href="/blog/tag/mobile/">Mobile</a> </li> <li> <a href="/blog/tag/favorite/">Our Favorites</a> </li> <li> <a href="/blog/tag/pop-up/">Pop-up</a> </li> <li> <a href="/blog/tag/ppc/">PPC</a> </li> <li> <a href="/blog/tag/product-description/">Product Description</a> </li> <li> <a href="/blog/tag/product-page-ideas/">Product Page Ideas</a> </li> <li> <a href="/blog/tag/product-page-optimization/">Product Page Optimization</a> </li> <li> <a href="/blog/tag/product-reviews/">Product Reviews</a> </li> <li> <a href="/blog/tag/sales-pitch-examples/">Sales Pitch Examples</a> </li> <li> <a href="/blog/tag/shopify/">Shopify</a> </li> <li> <a href="/blog/tag/shopify-pdp-doctor/">Shopify PDP Doctor</a> </li> <li> <a href="/blog/tag/subscription/">Subscription</a> </li> <li> <a href="/blog/tag/thoughts/">Thoughts</a> </li> <li> <a href="/blog/tag/user-research/">User Research</a> </li> <li> <a href="/blog/tag/video/">Video</a> </li> </ul> </div> </aside> </div> </div> </div> <ul class="mobile-footer-nav"> <li> <a href="/our-philosophy/"><span>Our Philosophy</span></a> </li> <li> <a href="/case-studies/"><span>Case Studies</span></a> </li> <li> <a href="/"><span>Home</span></a> </li> <li> <a href="/testimonials/"><span>Testimonials</span></a> </li> <li> <a href="/we-a-fit/"><span>Are We A Fit?</span></a> </li> <li> <a href="/blog/"><span>Our Blog</span></a> </li> </ul> <div class="container footer"> <p> 2009 to 2025, Frictionless Commerce™ <a href="/privacy">Privacy + Cookie Policy</a> </p> <div class="social"> <a href="https://www.linkedin.com/in/rawatrishi/" aria-label="LinkedIn" target="_blank" rel="noopener"> <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" > <path d="M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z" ></path> </svg> </a> <a href="https://www.youtube.com/channel/UC8scU3gi4UKCCEohGWnDUCA" aria-label="YouTube" target="_blank" rel="noopener"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" > <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" ></path></svg></a> </div> </div> </div> <script src="/assets/js/header.js" defer="true"></script> <style> .video-popup { position: fixed; bottom: 10px; right: 10px; background: #2d88f3; padding: 20px; z-index: 9999; line-height: 1.6em; border-radius: 8px; color: #fff; cursor: pointer; } .video-popup:not(:has(iframe)) { padding: 10px; } .video-popup:not(:has(iframe)) .video-popup__close { top: 10px; } img.video-popup__logo { height: 1.6em; width: auto; } .video-popup__close { position: absolute; top: 0; right: 8px; font-size: 1.6em; transform: rotate(45deg); cursor: pointer; } .video-popup:not(:has(iframe)) .video-popup__close { background: #000; top: -8px; right: -6px; width: 22px; line-height: 22px; text-align: center; border-radius: 100%; } .video-popup.video-is-open { padding: 0; overflow: hidden; } .video-popup.video-is-open .video-popup__close { font-size: 3em; top: 13px; right: 13px; background: #000; border-radius: 100%; padding: 3px 4px 4px; } @media screen and (max-width: 600px) { .fc-verticle-video iframe { width: calc(80vw); height: calc(130vw); display: block; } } @media screen and (min-width: 600px) { .fc-verticle-video iframe { width: calc(38vh); height: calc(67.6vh); display: block; } } </style> <script> function makeVideoPopup({ videoUrl, previewText = "" }) { // If there is already a video popup remove it if (document.querySelector(".video-popup")) { document.querySelector(".video-popup").remove(); } document.body.insertAdjacentHTML( "beforeEnd", /*html*/ ` <div class="video-popup"> <div class="video-popup__content"> <span class="video-popup__close">+</span> ${previewText} </div> </div> ` ); document.querySelector(".video-popup").addEventListener("click", (e) => { if (e.target.classList.contains("video-popup__close")) { document.querySelector(".video-popup").remove(); } }); const videoPopup = document.querySelector(".video-popup"); const playVideo = () => { videoPopup.classList.add("video-is-open"); videoPopup.querySelector(".video-popup__content").innerHTML = /*html*/ ` <span class="video-popup__close">+</span> <div class="fc-verticle-video"><iframe width="560" height="315" src="${videoUrl}?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> `; }; if (!previewText) { console.log({ previewText }); playVideo(); } else { console.log({ previewText, log: "setting up event listener" }); videoPopup.addEventListener("click", playVideo); } } if ( !localStorage.getItem("has-opened-video-popup") || window.location.search.includes("video-popup") ) { makeVideoPopup({ videoUrl: "https://www.youtube.com/embed/JS5Yh1czNnE", previewText: "Latest Client Testimonial", }); localStorage.setItem("has-opened-video-popup", true); } // Find any link with a video embed in it and open the video popup if clicked document.querySelectorAll("a").forEach((link) => { let href = link.href; href.replace("youtube.com/shorts", "youtube.com/embed"); if (link.href.includes("youtube.com/embed")) { link.addEventListener("click", (e) => { e.preventDefault(); makeVideoPopup({ videoUrl: link.href, }); }); } }); </script> <script src="/assets/js/forms.js" defer="true"></script> <script src="/assets/js/lazy-load-videos.js" defer="true"></script> <script src="/assets/js/video-thumbnails.js" defer="true"></script> <script src="/assets/js/lightboxes.js" defer="true"></script> <script> (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y .parentNode .insertBefore(t, y); })(window, document, "clarity", "script", "dfx43qbskk"); </script> <script src="https://frictionlessco.wpengine.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.2"></script> <div id="optin-monster-desktop-blog-step-1" class="fc-hide losangeles-campaign Campaign CampaignType--floating" style="border: 0px; float: none; letter-spacing: normal; outline: none; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; line-height: 1; font-family: 'PT Sans',sans-serif;; box-shadow: none; -webkit-font-smoothing: antialiased; appearance: none; position: fixed; z-index: 666666666; left: 0px; zoom: 1; width: 100%; margin: 0px; padding: 0px; overflow: visible; min-height: 1px; bottom: 0px; transition: bottom 0.3s ease 0s;"> <div id="om-ludlgzuadn1nhcq8pny9-yesno" class="losangeles-c-canvas Campaign__canvas" style="width: 100%; display: block;"> <div class="losangeles-c-wrapper Campaign__innerWrapper" style="position:relative"> <button class="CloseButton__ButtonElement-sc-79mh24-0 hhaWQF losangeles-CloseButton losangeles-close losangeles-ClosePosition--top-right" style="top:0;right:0;bottom:auto;left:auto" title="Close"> <svg viewBox="0 0 1792 1792" style="display:block;height:18px;width:18px"> <path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"></path> </svg> </button> <div class="losangeles-c-alpha Campaign__alphaLayer" style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#b1bacb;border-style:none;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;box-shadow:0px 0px 0px 0px #ffffff;position:relative"> <div class="losangeles-c-bravo Campaign__bravoLayer" style="background:linear-gradient(180deg, #ffffff 2%, #000000 2%)"> <div class="losangeles-c-content Campaign__content" style="position:relative;display:block;text-align:center;margin:0 auto;clear:both;max-width:980px;padding-top:0.0001em;padding-right:0.0001em;padding-left:0.0001em;padding-bottom:0.0001em;background:none"> <style id="om-ludlgzuadn1nhcq8pny9-ResetCSS" type="text/css"> html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas applet, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div:not(.Campaign__content):not(.Row__content):not(.Column__content):not(.Element__content):not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas span:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas iframe, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h1:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h2:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h3:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h4:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h5:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h6:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas p, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas blockquote, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas pre, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas a:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas abbr, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas acronym, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas address, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas big, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas cite, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas code, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas del, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dfn, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas em, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas img, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ins, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas kbd, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas q, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas s, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas samp, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas small, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas strike, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas strong, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas sub, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas sup, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tt, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas var, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas b, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas u, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas center, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dl, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dt, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dd, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ol:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ul:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas li:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas fieldset, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas form:not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas label:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas legend, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas table, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas caption, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tbody, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tfoot, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas thead, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tr, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas th, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas td, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas article, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas aside, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas canvas, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas details, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas embed, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas figure, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas figcaption, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas footer, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas header, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas hgroup, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas menu, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas nav, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas output, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ruby, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas section, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas summary, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas time, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas mark, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas audio, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas video, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas i:not(.fa):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas object { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Campaign__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Column__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Element__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Row__content { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } </style> <style id="om-ludlgzuadn1nhcq8pny9-CampaignCSS" type="text/css"> html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas *:not(.ignore-reset):not([class^="wpforms-"]) { box-sizing: border-box; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas .Element__content { min-height: 30px; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas button:not(.ignore-reset):not([class^="wpforms-"]) { width: auto; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input:not([type="submit"]):not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper select:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { background-color: #fff; width: 100%; height: auto; border: 1px solid; padding: 10px 6px; overflow: hidden; margin: 0; vertical-align: middle; font-style: normal; width: 100%; line-height: 1.5; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { height: 60px; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input:not(.ignore-reset):not([class^="wpforms-"]) { overflow: hidden; -webkit-appearance: none; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=submit]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper button:not(.ignore-reset):not([class^="wpforms-"]) { cursor: pointer; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { width: auto !important; outline: invert none medium; padding: 0; margin: 0; height: auto !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: checkbox; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: radio; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--vertical input:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal button:not(.ignore-reset), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal input:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal .FieldsElement--privacyText:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content span.fr-emoticon:not(.ignore-reset):not([class^="wpforms-"]) { vertical-align: middle !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 768px) { html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--top-right { right: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--top-left { left: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--bottom-right { right: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--bottom-left { left: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .Row .Row__content, html div#om-ludlgzuadn1nhcq8pny9 .om-row .Row__content { flex-direction: column; } html div#om-ludlgzuadn1nhcq8pny9 .Row .Row__content .Column, html div#om-ludlgzuadn1nhcq8pny9 .om-row .Row__content .om-column { width: 100% !important; } html div#om-ludlgzuadn1nhcq8pny9 .FieldsElement--horizontal button { width: 100% !important; } } @media screen and (min-width: 1px) and (max-width: 428px) {} </style> <style id="om-ludlgzuadn1nhcq8pny9-CustomCSS" type="text/css"></style> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC losangeles-row losangeles-row-1 Row om-row"> <div class="losangeles-row-content Row__content"> <div class="losangeles-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="losangeles-column losangeles-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div id="losangeles-ImageElement--wrapper--tYbJuAYPLUPhe3DKcOSw" class="losangeles-imge-wrapper losangeles-ImageElement--wrapper " style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:-42px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0;overflow:visible;text-align:center;font-size:0"> <div class="losangeles-imge-content losangeles-ImageElement--content"><img loading="lazy" alt="fried_egg.png" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/07/062b9fe9a19e1658980128-fried_egg.webp" style="max-width:100%;height:auto;display:inline;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:#ffffff;box-shadow:0px 0px 0px 0px #ffffff;opacity:1;width:9%" width="88" height="88"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC losangeles-row losangeles-row-2 Row om-row"> <div class="losangeles-row-content Row__content"> <div class="losangeles-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:center;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="losangeles-column losangeles-col-1 Column om-column" style="display:inline-block;width:66.666%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-te-wrapper losangeles-TextElement--wrapper " id="losangeles-TextElement--wrapper--vWCEBOrIhgFgfhAenHBr" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-te-content losangeles-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:900;font-size:16px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;text-align:left"> <p style="margin-bottom: -1em;"> <span style="color: rgb(250, 197, 28); font-size: 15px; font-family: 'PT Sans',sans-serif;;"> <span style="color: rgb(239, 239, 239); font-size: 26px; font-family: 'PT Sans',sans-serif;;"> <strong>I like seeing marketing ideas I've never seen before</strong> </span> </span> </p> </div> </div> </div> </div> <div class="losangeles-element losangeles-ele-2 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-te-wrapper losangeles-TextElement--wrapper " id="losangeles-TextElement--wrapper--DoFr7jLRv0TF2t2AJ0UL" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-te-content losangeles-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:500;font-size:16px;text-transform:none;text-decoration:none;line-height:1.4;letter-spacing:0;font-style:normal;text-align:left"> <p> <span style="color: rgb(250, 197, 28);"> <strong>True or False?</strong> </span> <strong>??</strong> </p> </div> </div> </div> </div> </div> </div> </div> <div class="losangeles-column losangeles-col-2 Column om-column" style="display:inline-block;width:33.333%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-yne-wrapper losangeles-YesNoElement--wrapper " id="losangeles-YesButtonElement--wrapper--UfLuuTwu5GPiDQ2IQJHh" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:5px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-yne-content losangeles-YesNoElement--content"> <div class="losangeles-be-wrapper losangeles-ButtonElement--wrapper" style="text-align:left"> <div class="losangeles-be-content losangeles-ButtonElement--content"> <button id="losangeles-YesButtonElement--UfLuuTwu5GPiDQ2IQJHh" name="losangeles-yesbutton--UfLuuTwu5GPiDQ2IQJHh" class="StyledIconButtonElement-sc-114x20d-0 ijZvnL losangeles-YesNo--Yes" title="Yup True!" value="Yup True!" aria-live="polite" type="button">Yup True!</button> </div> </div> <div class="losangeles-be-wrapper losangeles-ButtonElement--wrapper" style="text-align:left"> <div class="losangeles-be-content losangeles-ButtonElement--content"> <button id="losangeles-NoButtonElement--UfLuuTwu5GPiDQ2IQJHh" name="losangeles-nobutton--UfLuuTwu5GPiDQ2IQJHh" class="StyledIconButtonElement-sc-114x20d-0 kTBdvW losangeles-YesNo--No" title="Nope not for me" value="Nope not for me" aria-live="polite" type="button">Nope not for me</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="om-ludlgzuadn1nhcq8pny9-CustomJS" style="display:none"></div> </div> </div> </div> </div> </div> <style> .ijZvnL { background: rgba(153,152,142,0.83) !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-top-width: 0 !important; box-shadow: 0 0 0 0 #ffffff !important; color: #ffffff !important; font-family: 'PT Sans',sans-serif; font-size: 18px !important; font-weight: 600 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 0 12px !important; max-width: 100% !important; padding: 14px 12px !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; width: 100% !important; cursor: pointer; } /*!sc*/ .ijZvnL.withIcon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .ijZvnL.withIcon.is-editing-hover, .ijZvnL.withIcon:focus, .ijZvnL.withIcon:hover { -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .ijZvnL .losangeles-yes-icon--UfLuuTwu5GPiDQ2IQJHh { color: #ffffff !important; margin-right: NaNpx !important; } /*!sc*/ .ijZvnL .losangeles-hover-yes-icon--UfLuuTwu5GPiDQ2IQJHh { display: none !important; color: #ffffff !important; margin-right: NaNpx !important; } /*!sc*/ .ijZvnL.is-editing-hover, .ijZvnL:focus, .ijZvnL:hover { background: #fccd5b !important; box-shadow: 0 0 0 0 #ffffff !important; color: #ffffff !important; font-family: 'PT Sans',sans-serif; font-size: 18px !important; font-weight: 600 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-top-width: 0 !important; } /*!sc*/ .ijZvnL.is-editing-hover .losangeles-hover-yes-icon--UfLuuTwu5GPiDQ2IQJHh, .ijZvnL:focus .losangeles-hover-yes-icon--UfLuuTwu5GPiDQ2IQJHh, .ijZvnL:hover .losangeles-hover-yes-icon--UfLuuTwu5GPiDQ2IQJHh { display: inline-block !important; } /*!sc*/ .ijZvnL.is-editing-hover .losangeles-yes-icon--UfLuuTwu5GPiDQ2IQJHh, .ijZvnL:focus .losangeles-yes-icon--UfLuuTwu5GPiDQ2IQJHh, .ijZvnL:hover .losangeles-yes-icon--UfLuuTwu5GPiDQ2IQJHh { display: none !important; } /*!sc*/ .kTBdvW { background: transparent !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; box-shadow: 0 0 0 0 #ffffff !important; color: #abb2b8 !important; font-family: 'PT Sans',sans-serif; font-size: 16px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; max-width: 100% !important; padding: 0 !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; width: 100% !important; cursor: pointer; } /*!sc*/ .kTBdvW.withIcon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .kTBdvW.withIcon.is-editing-hover, .kTBdvW.withIcon:focus, .kTBdvW.withIcon:hover { -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .kTBdvW .losangeles-no-icon--UfLuuTwu5GPiDQ2IQJHh { color: #abb2b8 !important; margin-right: NaNpx !important; } /*!sc*/ .kTBdvW .losangeles-hover-no-icon--UfLuuTwu5GPiDQ2IQJHh { display: none !important; color: #ffffff !important; margin-right: NaNpx !important; } /*!sc*/ .kTBdvW.is-editing-hover, .kTBdvW:focus, .kTBdvW:hover { background: transparent !important; box-shadow: 0 0 0 0 #ffffff !important; color: #ffffff !important; font-family: 'PT Sans',sans-serif; font-size: 16px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; } /*!sc*/ .kTBdvW.is-editing-hover .losangeles-hover-no-icon--UfLuuTwu5GPiDQ2IQJHh, .kTBdvW:focus .losangeles-hover-no-icon--UfLuuTwu5GPiDQ2IQJHh, .kTBdvW:hover .losangeles-hover-no-icon--UfLuuTwu5GPiDQ2IQJHh { display: inline-block !important; } /*!sc*/ .kTBdvW.is-editing-hover .losangeles-no-icon--UfLuuTwu5GPiDQ2IQJHh, .kTBdvW:focus .losangeles-no-icon--UfLuuTwu5GPiDQ2IQJHh, .kTBdvW:hover .losangeles-no-icon--UfLuuTwu5GPiDQ2IQJHh { display: none !important; } /*!sc*/ data-styled.g1[id="StyledIconButtonElement-sc-114x20d-0"] { content: "ijZvnL,kTBdvW,"; } /*!sc*/ .ccRSXc .ModalV2__Content--header { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1; padding: 10px 10px 10px 20px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content--header-close { color: #9fb5da; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; } /*!sc*/ .ccRSXc .ModalV2__Content--content { height: 100%; overflow: auto; padding: 0 50px 50px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content { background-color: #fff; border-radius: 4px; border: none; box-shadow: 0 0 18px 6px rgba(35,48,70,0.25); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 650px; outline: none; overflow: auto; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content p { line-height: 1.4; } /*!sc*/ .ccRSXc .ModalV2__Content p a { color: #0d82df; font-weight: bold; -webkit-text-decoration: underline; text-decoration: underline; } /*!sc*/ .ccRSXc .ModalV2__Overlay { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255,255,255,0.8); bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1010; } /*!sc*/ data-styled.g31[id="ModalV2__StyledModal-sc-1yn120z-0"] { content: "ccRSXc,"; } /*!sc*/ .gMyobI * { box-sizing: border-box; } /*!sc*/ .gMyobI .ModalV2__Content--header { height: 60px; padding: 20px 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .gMyobI .ModalV2__Content--header-content { font-size: 20px; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ .gMyobI .ModalV2__Content--header-content svg { margin-right: 8px; } /*!sc*/ .gMyobI .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .gMyobI .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .gMyobI .ModalV2__Content--content { padding: 20px 40px; } /*!sc*/ .gMyobI .ModalV2__Content { max-width: 570px; max-height: 80%; } /*!sc*/ data-styled.g32[id="Modal__StyledModal-sc-1vmqztf-0"] { content: "gMyobI,"; } /*!sc*/ .lpoqEL * { box-sizing: border-box; } /*!sc*/ .lpoqEL .ModalV2__Content--header { height: 40px; padding: 20px 20px 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .lpoqEL .ModalV2__Content--content { padding: 0 60px 40px; } /*!sc*/ .lpoqEL .ModalV2__Content { max-height: 80%; max-width: 570px; min-width: 500px; width: 570px; } /*!sc*/ data-styled.g33[id="WhiteModal__StyledModal-sc-147xomf-0"] { content: "lpoqEL,"; } /*!sc*/ .hhaWQF { position: absolute !important; cursor: pointer !important; z-index: 1110 !important; border: none !important; background-color: rgba(221,221,221,0) !important; padding: 0 !important; margin: 30px 20px 0 0 !important; fill: #ffffff !important; border-radius: 100% !important; box-shadow: 0 0 0 0 #33333 !important; min-width: auto !important; } /*!sc*/ .hhaWQF.is-editing-hover, .hhaWQF:hover { border: none !important; background-color: rgba(255,255,255,0) !important; fill: #848a8e !important; } /*!sc*/ .hhaWQF svg { fill: inherit !important; } /*!sc*/ data-styled.g312[id="CloseButton__ButtonElement-sc-79mh24-0"] { content: "hhaWQF,"; } /*!sc*/ .kSOuyC { position: relative; } /*!sc*/ .kSOuyC .Row__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ data-styled.g503[id="Row__StyledRow-sc-3p43ya-0"] { content: "kSOuyC,"; } /*!sc*/ </style> </div> <div id="optin-monster-desktop-blog-step-2" class="fc-hide losangeles-campaign Campaign CampaignType--floating" style="border: 0px; float: none; letter-spacing: normal; outline: none; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; line-height: 1; font-family: 'PT Sans',sans-serif;; box-shadow: none; -webkit-font-smoothing: antialiased; appearance: none; position: fixed; z-index: 666666666; left: 0px; zoom: 1; width: 100%; margin: 0px; padding: 0px; overflow: visible; min-height: 1px; bottom: 0px; transition: bottom 0.3s ease 0s;"> <div id="om-ludlgzuadn1nhcq8pny9-optin" class="losangeles-c-canvas Campaign__canvas" style="width: 100%; display: block;"> <div class="losangeles-c-wrapper Campaign__innerWrapper" style="position:relative"> <button class="CloseButton__ButtonElement-sc-79mh24-0 iLCSop losangeles-CloseButton losangeles-close losangeles-ClosePosition--top-right" style="top:0;right:0;bottom:auto;left:auto" title="Close"> <svg viewBox="0 0 1792 1792" style="display:block;height:18px;width:18px"> <path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"></path> </svg> </button> <div class="losangeles-c-alpha Campaign__alphaLayer" style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#b1bacb;border-style:none;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;box-shadow:0px 0px 0px 0px #ffffff;position:relative"> <div class="losangeles-c-bravo Campaign__bravoLayer" style="background:linear-gradient(180deg, #ffffff 2%, #000000 2%)"> <div class="losangeles-c-content Campaign__content" style="position:relative;display:block;text-align:center;margin:0 auto;clear:both;max-width:980px;padding-top:0.0001em;padding-right:0.0001em;padding-left:0.0001em;padding-bottom:0.0001em;background:none"> <style id="om-ludlgzuadn1nhcq8pny9-ResetCSS" type="text/css"> html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas applet, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div:not(.Campaign__content):not(.Row__content):not(.Column__content):not(.Element__content):not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas span:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas iframe, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h1:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h2:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h3:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h4:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h5:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas h6:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas p, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas blockquote, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas pre, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas a:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas abbr, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas acronym, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas address, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas big, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas cite, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas code, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas del, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dfn, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas em, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas img, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ins, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas kbd, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas q, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas s, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas samp, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas small, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas strike, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas strong, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas sub, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas sup, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tt, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas var, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas b, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas u, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas center, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dl, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dt, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas dd, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ol:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ul:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas li:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas fieldset, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas form:not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas label:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas legend, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas table, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas caption, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tbody, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tfoot, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas thead, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas tr, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas th, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas td, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas article, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas aside, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas canvas, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas details, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas embed, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas figure, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas figcaption, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas footer, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas header, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas hgroup, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas menu, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas nav, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas output, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas ruby, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas section, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas summary, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas time, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas mark, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas audio, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas video, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas i:not(.fa):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas object { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Campaign__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Column__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Element__content, html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas div.Row__content { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } </style> <style id="om-ludlgzuadn1nhcq8pny9-CampaignCSS" type="text/css"> html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas *:not(.ignore-reset):not([class^="wpforms-"]) { box-sizing: border-box; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas .Element__content { min-height: 30px; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-c-canvas button:not(.ignore-reset):not([class^="wpforms-"]) { width: auto; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input:not([type="submit"]):not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper select:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { background-color: #fff; width: 100%; height: auto; border: 1px solid; padding: 10px 6px; overflow: hidden; margin: 0; vertical-align: middle; font-style: normal; width: 100%; line-height: 1.5; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { height: 60px; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input:not(.ignore-reset):not([class^="wpforms-"]) { overflow: hidden; -webkit-appearance: none; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=submit]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper button:not(.ignore-reset):not([class^="wpforms-"]) { cursor: pointer; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { width: auto !important; outline: invert none medium; padding: 0; margin: 0; height: auto !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: checkbox; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: radio; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--vertical input:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal button:not(.ignore-reset), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal input:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper.FieldsElement--horizontal .FieldsElement--privacyText:not(.ignore-reset) {} html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-FieldsElement--wrapper p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content span.fr-emoticon:not(.ignore-reset):not([class^="wpforms-"]) { vertical-align: middle !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-TextElement--content p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 768px) { html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--top-right { right: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--top-left { left: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--bottom-right { right: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .losangeles-ClosePosition--bottom-left { left: 0 !important; } html div#om-ludlgzuadn1nhcq8pny9 .Row .Row__content, html div#om-ludlgzuadn1nhcq8pny9 .om-row .Row__content { flex-direction: column; } html div#om-ludlgzuadn1nhcq8pny9 .Row .Row__content .Column, html div#om-ludlgzuadn1nhcq8pny9 .om-row .Row__content .om-column { width: 100% !important; } html div#om-ludlgzuadn1nhcq8pny9 .FieldsElement--horizontal button { width: 100% !important; } } @media screen and (min-width: 1px) and (max-width: 428px) {} </style> <style id="om-ludlgzuadn1nhcq8pny9-CustomCSS" type="text/css"></style> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC losangeles-row losangeles-row-1 Row om-row"> <div class="losangeles-row-content Row__content"> <div class="losangeles-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="losangeles-column losangeles-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div id="losangeles-ImageElement--wrapper--vnkqw3MksZrXEaaEllkz" class="losangeles-imge-wrapper losangeles-ImageElement--wrapper " style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:-42px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0;overflow:visible;text-align:center;font-size:0"> <div class="losangeles-imge-content losangeles-ImageElement--content"><img loading="lazy" alt="fried_egg.png" src="https://a.omappapi.com/users/0e52f7b8c2d3/images/062b9fe9a19e1658980128-fried_egg.png" style="max-width:100%;height:auto;display:inline;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:#ffffff;box-shadow:0px 0px 0px 0px #ffffff;opacity:1;width:9%" width="88" height="88"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC losangeles-row losangeles-row-2 Row om-row"> <div class="losangeles-row-content Row__content"> <div class="losangeles-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:center;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="losangeles-column losangeles-col-1 Column om-column" style="display:inline-block;width:66.666%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-te-wrapper losangeles-TextElement--wrapper " id="losangeles-TextElement--wrapper--UJyhtb57KCnt5HBgvuyg" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-te-content losangeles-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:900;font-size:16px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;text-align:left"> <p style="margin-bottom: -1em;"> <span style="color: rgb(255, 255, 255); font-size: 28px; font-family: 'PT Sans',sans-serif;;" id="step-2-title">Then you are in the right place.</span> </p> </div> </div> </div> </div> <div class="losangeles-element losangeles-ele-2 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-te-wrapper losangeles-TextElement--wrapper " id="losangeles-TextElement--wrapper--S9N11wKnuVltQhNqYNpD" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-te-content losangeles-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:500;font-size:16px;text-transform:none;text-decoration:none;line-height:1.4;letter-spacing:0;font-style:normal;text-align:left"> <p> <span style="color: rgb(250, 197, 28); font-size: 18px; font-family: 'PT Sans',sans-serif;;" id="step-2-text">Receive 1 unique conversions idea in your inbox every week. Interested?</span> </p> </div> </div> </div> </div> </div> </div> </div> <div class="losangeles-column losangeles-col-2 Column om-column" style="display:inline-block;width:33.333%"> <div class="losangeles-col-content Column__content" style="height:100%"> <div class="losangeles-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="losangeles-element losangeles-ele-1 Element om-element"> <div class="losangeles-ele-content Element__content"> <div class="losangeles-fe-wrapper losangeles-FieldsElement--wrapper FieldsElement--vertical " id="losangeles-FieldsElement--wrapper--c95ptRp3rKvNcN638ytS" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="losangeles-fe-content losangeles-FieldsElement--content" style="display:block;flex-wrap:wrap;position:relative" data-recaptcha-enabled="true" data-error-style="{"color":"#aa6463","fontFamily":"Arial","fontWeight":600,"fontSize":"14px","textTransform":"none","textDecoration":"none","lineHeight":"20px","letterSpacing":"0","fontStyle":"normal","marginTop":"0px","marginRight":"0px","marginLeft":"0px","marginBottom":"10px","textAlign":"left","paddingTop":"12px","paddingRight":"12px","paddingBottom":"12px","paddingLeft":"12px","borderRadius":"3px","background":"#ffefef","borderTopWidth":"2px","borderRightWidth":"2px","borderBottomWidth":"2px","borderLeftWidth":"2px","borderStyle":"solid","borderColor":"#f99","width":"100%","borderBottomLeftRadius":"0px","borderBottomRightRadius":"0px","borderTopLeftRadius":"0px","borderTopRightRadius":"0px"}"> <span class="VisuallyHidden__Wrapper-sc-1t41di1-0 ilhvcZ"><input data-hj-allow type="text" aria-hidden="true" aria-label="For internal use only" id="losangeles-field-comments" name="losangeles-comments" class="losangeles-field-comments" placeholder="" autocomplete="off" value=""></span> <label for="losangeles-field-name" class="FieldsElement__LabelElement-uzeler-1 jOIiqJ">Name</label><input data-hj-allow type="text" id="losangeles-field-name" name="losangeles-name" class="FieldsElement__InputElement-uzeler-0 bUQJPD losangeles-field-name" placeholder="First name" style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;color:#60656f;font-family: 'PT Sans',sans-serif;;font-weight:400;font-size:17px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;background:#f2f7ff;box-shadow:none;border-style:none;border-color:rgba(0,0,0,.35);display:block;max-width:100%;width:100%" tabindex="1" required="" data-name="Name" data-error="The Name field is required." aria-label="Name" autocomplete="on" value=""> <label for="losangeles-field-email" class="FieldsElement__LabelElement-uzeler-1 jOIiqJ"></label><input data-hj-allow type="email" id="losangeles-field-email" name="losangeles-email" class="FieldsElement__InputElement-uzeler-0 bUQJPD losangeles-field-email" placeholder="Your email address" style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;color:#60656f;font-family: 'PT Sans',sans-serif;;font-weight:400;font-size:17px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;background:#f2f7ff;box-shadow:none;border-style:none;border-color:rgba(0,0,0,.35);display:block;max-width:100%;width:100%" aria-live="polite" tabindex="3" required="" data-name="Email Address" data-error="The Email field is required." autocomplete="on" value=""> <div id="losangeles-FieldsElementButtonWrapper--c95ptRp3rKvNcN638ytS" class="losangeles-feb-wrapper losangeles-ButtonElement--wrapper" style="text-align:left"> <div class="losangeles-feb-content losangeles-ButtonElement--content"> <button id="losangeles-FieldsElementButton--c95ptRp3rKvNcN638ytS" name="losangeles-submit" class="StyledIconButtonElement-sc-114x20d-0 FieldsElementButton__InputElement-eeqzeo-0 ScsWA losangeles-field-submit" title="Subscribe" value="Subscribe" aria-live="polite" type="submit">Subscribe</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="om-ludlgzuadn1nhcq8pny9-CustomJS" style="display:none"></div> </div> </div> </div> </div> </div> <style data-styled="true" data-styled-version="5.1.1"> .ccRSXc .ModalV2__Content--header { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1; padding: 10px 10px 10px 20px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content--header-close { color: #9fb5da; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; } /*!sc*/ .ccRSXc .ModalV2__Content--content { height: 100%; overflow: auto; padding: 0 50px 50px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content { background-color: #fff; border-radius: 4px; border: none; box-shadow: 0 0 18px 6px rgba(35,48,70,0.25); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 650px; outline: none; overflow: auto; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content p { line-height: 1.4; } /*!sc*/ .ccRSXc .ModalV2__Content p a { color: #0d82df; font-weight: bold; -webkit-text-decoration: underline; text-decoration: underline; } /*!sc*/ .ccRSXc .ModalV2__Overlay { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255,255,255,0.8); bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1010; } /*!sc*/ data-styled.g31[id="ModalV2__StyledModal-sc-1yn120z-0"] { content: "ccRSXc,"; } /*!sc*/ .gMyobI * { box-sizing: border-box; } /*!sc*/ .gMyobI .ModalV2__Content--header { height: 60px; padding: 20px 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .gMyobI .ModalV2__Content--header-content { font-size: 20px; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ .gMyobI .ModalV2__Content--header-content svg { margin-right: 8px; } /*!sc*/ .gMyobI .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .gMyobI .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .gMyobI .ModalV2__Content--content { padding: 20px 40px; } /*!sc*/ .gMyobI .ModalV2__Content { max-width: 570px; max-height: 80%; } /*!sc*/ data-styled.g32[id="Modal__StyledModal-sc-1vmqztf-0"] { content: "gMyobI,"; } /*!sc*/ .lpoqEL * { box-sizing: border-box; } /*!sc*/ .lpoqEL .ModalV2__Content--header { height: 40px; padding: 20px 20px 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .lpoqEL .ModalV2__Content--content { padding: 0 60px 40px; } /*!sc*/ .lpoqEL .ModalV2__Content { max-height: 80%; max-width: 570px; min-width: 500px; width: 570px; } /*!sc*/ data-styled.g33[id="WhiteModal__StyledModal-sc-147xomf-0"] { content: "lpoqEL,"; } /*!sc*/ .ilhvcZ { border: 0; -webkit-clip: rect(0,0,0,0); clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /*!sc*/ data-styled.g40[id="VisuallyHidden__Wrapper-sc-1t41di1-0"] { content: "ilhvcZ,"; } /*!sc*/ .ScsWA { background: #f8d004 !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-top-width: 0 !important; box-shadow: 0 0 0 0 #ffffff !important; color: #000000 !important; font-family: 'PT Sans',sans-serif; font-size: 16px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; max-width: 100% !important; padding: 5px 10px !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; width: 100% !important; cursor: pointer; } /*!sc*/ .ScsWA.withIcon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .ScsWA.withIcon.is-editing-hover, .ScsWA.withIcon:focus, .ScsWA.withIcon:hover { -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .ScsWA .losangeles-submit-icon--c95ptRp3rKvNcN638ytS { color: #000000 !important; margin-right: NaNpx !important; } /*!sc*/ .ScsWA .losangeles-hover-submit-icon--c95ptRp3rKvNcN638ytS { display: none !important; color: #121212 !important; margin-right: NaNpx !important; } /*!sc*/ .ScsWA.is-editing-hover, .ScsWA:focus, .ScsWA:hover { background: #cdd7dc !important; box-shadow: 0 0 0 0 #ffffff !important; color: #121212 !important; font-family: 'PT Sans',sans-serif; font-size: 16px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-top-width: 0 !important; } /*!sc*/ .ScsWA.is-editing-hover .losangeles-hover-submit-icon--c95ptRp3rKvNcN638ytS, .ScsWA:focus .losangeles-hover-submit-icon--c95ptRp3rKvNcN638ytS, .ScsWA:hover .losangeles-hover-submit-icon--c95ptRp3rKvNcN638ytS { display: inline-block !important; } /*!sc*/ .ScsWA.is-editing-hover .losangeles-submit-icon--c95ptRp3rKvNcN638ytS, .ScsWA:focus .losangeles-submit-icon--c95ptRp3rKvNcN638ytS, .ScsWA:hover .losangeles-submit-icon--c95ptRp3rKvNcN638ytS { display: none !important; } /*!sc*/ .ScsWA { margin-bottom: 0 !important; } /*!sc*/ .ScsWA.is-editing-hover.optin-loader:after, .ScsWA.is-editing-hover.optin-loader:before, .ScsWA:focus.optin-loader:after, .ScsWA:focus.optin-loader:before, .ScsWA:hover.optin-loader:after, .ScsWA:hover.optin-loader:before { border-color: #60656f; } /*!sc*/ .ScsWA.optin-loader { position: relative; color: rgba(0,0,0,0) !important; } /*!sc*/ @-webkit-keyframes scale { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*!sc*/ @keyframes scale { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*!sc*/ @-webkit-keyframes opacity { from { opacity: 1; } to { opacity: 0; } } /*!sc*/ @keyframes opacity { from { opacity: 1; } to { opacity: 0; } } /*!sc*/ .ScsWA.optin-loader:after, .ScsWA.optin-loader:before { content: ''; position: absolute; border-width: 2px; border-style: solid; border-radius: 50%; border-color: #60656f; width: 26px; height: 26px; left: 50%; margin-left: -13px; top: 50%; margin-top: -13px; opacity: 0; -webkit-animation: scale 1.8s cubic-bezier(0.165,0.84,0.44,1), opacity 1.8s cubic-bezier(0.3,0.61,0.355,1); animation: scale 1.8s cubic-bezier(0.165,0.84,0.44,1), opacity 1.8s cubic-bezier(0.3,0.61,0.355,1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*!sc*/ .ScsWA.optin-loader:after { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /*!sc*/ data-styled.g305[id="FieldsElementButton__InputElement-eeqzeo-0"] { content: "ScsWA,"; } /*!sc*/ .bUQJPD::-webkit-input-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD::-moz-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD:-ms-input-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD::placeholder { color: #8b9296; } /*!sc*/ .bUQJPD:focus::-webkit-input-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD:focus::-moz-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD:focus:-ms-input-placeholder { color: #8b9296; } /*!sc*/ .bUQJPD:focus::placeholder { color: #8b9296; } /*!sc*/ data-styled.g306[id="FieldsElement__InputElement-uzeler-0"] { content: "bUQJPD,"; } /*!sc*/ .jOIiqJ { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*!sc*/ data-styled.g307[id="FieldsElement__LabelElement-uzeler-1"] { content: "jOIiqJ,"; } /*!sc*/ .iLCSop { position: absolute !important; cursor: pointer !important; z-index: 1110 !important; border: none !important; background-color: rgba(221,221,221,0) !important; padding: 10px !important; margin: 30px 20px 0 0 !important; fill: #ffffff !important; border-radius: 100% !important; box-shadow: 0 0 0 0 #33333 !important; min-width: auto !important; } /*!sc*/ .iLCSop.is-editing-hover, .iLCSop:hover { border: none !important; background-color: rgba(255,255,255,0) !important; fill: #848a8e !important; } /*!sc*/ .iLCSop svg { fill: inherit !important; } /*!sc*/ data-styled.g312[id="CloseButton__ButtonElement-sc-79mh24-0"] { content: "iLCSop,"; } /*!sc*/ .kSOuyC { position: relative; } /*!sc*/ .kSOuyC .Row__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ data-styled.g503[id="Row__StyledRow-sc-3p43ya-0"] { content: "kSOuyC,"; } /*!sc*/ </style> </div> <script> (function () { async function subscribe({title, text, email, name}) { var url = new URL("https://frictionless-commerce.com/.netlify/functions/generic-submit-form"); url .searchParams .append("title", title); url .searchParams .append("text", text); await submitForm({endpoint: "/.netlify/functions/sign-up-mailchimp", email, FNAME: name, MMERGE2: window.location.href}) return fetch(url, {mode: 'no-cors'}); } let pageVisits = 0; if (localStorage.getItem("page-visits-optin-monster-desktop-blog")) { pageVisits = parseInt(localStorage.getItem("page-visits-optin-monster-desktop-blog")); } localStorage.setItem("page-visits-optin-monster-desktop-blog", pageVisits + 1); const showThisForm = () => { const isDesktop = window.innerWidth > 768; return document .location .href .includes("blog") && pageVisits >= 3 && isDesktop && !localStorage.getItem("optin-monster-desktop-blog-closed"); }; const step1 = document.querySelector(`#optin-monster-desktop-blog-step-1`); const step1CloseButton = step1.querySelector(`[title="Close"]`); const step1YesButton = step1.querySelector(`[value="Yup True!"]`); const step1NoButton = step1.querySelector(`[value="Nope not for me"]`); // Show form? if (showThisForm()) { step1 .classList .remove("fc-hide"); } const closeStep1 = () => { step1 .classList .add("fc-hide"); localStorage.setItem("optin-monster-desktop-blog-closed", true); } const openStep2 = () => { step1 .classList .add("fc-hide"); step2 .classList .remove("fc-hide"); } step1YesButton.addEventListener("click", openStep2); step1CloseButton.addEventListener("click", closeStep1); step1NoButton.addEventListener("click", closeStep1); const step2 = document.querySelector(`#optin-monster-desktop-blog-step-2`); const step2CloseButton = step2.querySelector(`[title="Close"]`); const nameField = step2.querySelector(`[name="losangeles-name"]`); const emailField = step2.querySelector(`[name="losangeles-email"]`); const submitButton = step2.querySelector(`[name="losangeles-submit"]`); const closeStep2 = () => { step2 .classList .add("fc-hide"); localStorage.setItem("optin-monster-desktop-blog-closed", true); } step2CloseButton.addEventListener("click", closeStep2); function addFormError(error) { const existingError = document.getElementById("optin-monster-error"); if (existingError) existingError.remove(); const output = `<div id="optin-monster-error" style="color: red; margin-top: 4px;">${error}</div>`; submitButton.insertAdjacentHTML("afterEnd", output) }; function submitOptinMonsterForm() { console.log("Submitting...") const name = nameField.value; const email = emailField.value; if (!name) { return addFormError("Name Field is Required"); } if (!email) { return addFormError("Email Field is Required"); } if (!email.includes("@") || !email.split("@")[1].includes(".")) { return addFormError("Please provide a valid email"); } emailField.remove(); nameField.remove(); submitButton.remove(); document .querySelector("#step-2-title") .innerText = "We'll be in touch!"; document .querySelector("#step-2-text") .innerText = "Check your inbox to confirm your subscription."; subscribe({title: "OptinMonster Blog Subscribe", text: `Someone just subscribed on the website\n\nname: ${name}\nemail: ${email}\nlocation: ${window.location.href}`, email, name}); } submitButton.addEventListener("click", submitOptinMonsterForm); })(); </script> <div id="optin-monster-mobile-blog-step-1" class="fc-hide toledo-campaign Campaign CampaignType--popup Campaign--css" style="border: 0px; float: none; letter-spacing: normal; outline: none; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; line-height: 1; font-family: 'PT Sans',sans-serif;; box-shadow: none; -webkit-font-smoothing: antialiased; appearance: none; position: fixed; z-index: 888888888; inset: 0px; zoom: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden auto; background: rgb(0, 0, 0); opacity: 1;"> <style> #optin-monster-mobile-blog-step-1:not(.fc-hide) { display: flex; align-items: center; } </style> <div id="om-nkf06pfm4j4qq7elntdt-optin" class="toledo-c-canvas Campaign__canvas" style="width: 100%; max-width: 700px; position: absolute; display: block; left: 0px; margin-bottom: 0px; transition: top 0.2s ease 0s, left 0.2s ease 0s, margin-bottom 0.2s ease 0s;" role="dialog" aria-live="polite"> <div class="toledo-c-wrapper Campaign__innerWrapper" style="outline:none;position:relative" tabindex="0"> <div class="toledo-c-alpha Campaign__alphaLayer" style="background:rgba(255, 255,255,0);border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#b1bacb;border-style:none;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;box-shadow:0px 0px 0px 0px #ffffff;position:relative"> <div class="toledo-c-bravo Campaign__bravoLayer"> <div class="toledo-c-content Campaign__content" style="position:relative;width:100%;padding-top:0.0001em;padding-right:0.0001em;padding-left:0.0001em;padding-bottom:50px;background:none"> <style id="om-nkf06pfm4j4qq7elntdt-ResetCSS" type="text/css"> html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas applet, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas div:not(.Campaign__content):not(.Row__content):not(.Column__content):not(.Element__content):not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas span:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas iframe, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h1:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h2:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h3:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h4:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h5:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas h6:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas p, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas blockquote, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas pre, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas a:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas abbr, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas acronym, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas address, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas big, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas cite, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas code, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas del, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas dfn, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas em, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas img, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas ins, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas kbd, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas q, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas s, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas samp, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas small, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas strike, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas strong, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas sub, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas sup, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas tt, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas var, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas b, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas u, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas center, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas dl, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas dt, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas dd, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas ol:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas ul:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas li:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas fieldset, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas form:not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas label:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas legend, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas table, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas caption, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas tbody, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas tfoot, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas thead, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas tr, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas th, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas td, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas article, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas aside, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas canvas, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas details, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas embed, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas figure, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas figcaption, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas footer, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas header, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas hgroup, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas menu, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas nav, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas output, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas ruby, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas section, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas summary, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas time, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas mark, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas audio, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas video, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas i:not(.fa):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas object { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas div.Campaign__content, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas div.Column__content, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas div.Element__content, html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas div.Row__content { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } </style> <style id="om-nkf06pfm4j4qq7elntdt-CampaignCSS" type="text/css"> html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas *:not(.ignore-reset):not([class^="wpforms-"]) { box-sizing: border-box; } html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas .Element__content { min-height: 30px; } html div#om-nkf06pfm4j4qq7elntdt .toledo-c-canvas button:not(.ignore-reset):not([class^="wpforms-"]) { width: auto; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input:not([type="submit"]):not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper select:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { background-color: #fff; width: 100%; height: auto; border: 1px solid; padding: 10px 6px; overflow: hidden; margin: 0; vertical-align: middle; font-style: normal; width: 100%; line-height: 1.5; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]) { height: 60px; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper textarea:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input:not(.ignore-reset):not([class^="wpforms-"]) { overflow: hidden; -webkit-appearance: none; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input[type=submit]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper button:not(.ignore-reset):not([class^="wpforms-"]) { cursor: pointer; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { width: auto !important; outline: invert none medium; padding: 0; margin: 0; height: auto !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input[type=checkbox]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: checkbox; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper input[type=radio]:not(.ignore-reset):not([class^="wpforms-"]) { -webkit-appearance: radio; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper.FieldsElement--vertical input:not(.ignore-reset) {} html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper.FieldsElement--horizontal button:not(.ignore-reset), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper.FieldsElement--horizontal input:not(.ignore-reset) {} html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper.FieldsElement--horizontal .FieldsElement--privacyText:not(.ignore-reset) {} html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-nkf06pfm4j4qq7elntdt .toledo-FieldsElement--wrapper p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content strong:not(.ignore-reset):not([class^="wpforms-"]) { font-weight: bolder; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content em:not(.ignore-reset):not([class^="wpforms-"]) { font-style: italic; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content ul:not(.ignore-reset):not([class^="wpforms-"]) { list-style-type: disc; margin: 1em 0 1em 1.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content ol:not(.ignore-reset):not([class^="wpforms-"]) { list-style: decimal; margin: 1em 0 1em 1.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { top: -0.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]) { bottom: -0.5em; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content sub:not(.ignore-reset):not([class^="wpforms-"]), html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content sup:not(.ignore-reset):not([class^="wpforms-"]) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content p:not(.ignore-reset):not([class^="wpforms-"]) { margin: 0 0 5px; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content span.fr-emoticon:not(.ignore-reset):not([class^="wpforms-"]) { vertical-align: middle !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content p:first-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-top: 0; } html div#om-nkf06pfm4j4qq7elntdt .toledo-TextElement--content p:last-of-type:not(.ignore-reset):not([class^="wpforms-"]) { margin-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 768px) { html div#om-nkf06pfm4j4qq7elntdt .toledo-ClosePosition--top-right { right: 0 !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-ClosePosition--top-left { left: 0 !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-ClosePosition--bottom-right { right: 0 !important; } html div#om-nkf06pfm4j4qq7elntdt .toledo-ClosePosition--bottom-left { left: 0 !important; } html div#om-nkf06pfm4j4qq7elntdt .Row .Row__content, html div#om-nkf06pfm4j4qq7elntdt .om-row .Row__content { flex-direction: column; } html div#om-nkf06pfm4j4qq7elntdt .Row .Row__content .Column, html div#om-nkf06pfm4j4qq7elntdt .om-row .Row__content .om-column { width: 100% !important; } html div#om-nkf06pfm4j4qq7elntdt .FieldsElement--horizontal button { width: 100% !important; } } @media screen and (min-width: 1px) and (max-width: 428px) {} </style> <style id="om-nkf06pfm4j4qq7elntdt-CustomCSS" type="text/css"></style> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC toledo-row toledo-row-1 Row om-row"> <div class="toledo-row-content Row__content"> <div class="toledo-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="toledo-column toledo-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="toledo-col-content Column__content" style="height:100%"> <br> <img loading="lazy" src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/08/Rishi-Pointer.png" style="max-width: 100%; display: block; margin: 0 auto;"> <style> [src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/08/Rishi-Pointer.png"] { margin-top: 60px !important; max-height: 25vh; } @media (max-height: 520px) { [src="https://frictionlessco.wpengine.com/wp-content/uploads/2023/08/Rishi-Pointer.png"] { display: none !important; } } </style> </div> </div> </div> </div> </div> <style> @media (max-width: 750px) { .optin-monster-close { position: fixed; z-index: 1000000; width: 100%; font-size: 1.2em; border: 0; padding: 8px; right: 0 !important; top: 0; background: #fff; border-bottom: solid #000; color: #000; height: 45px; } .optin-monster-close svg { display: none; } .optin-monster-close::before { content: "× Close"; } } @media (min-width: 750px) { .optin-monster-close { padding: var(--fc-close-button-padding, 0); cursor: pointer; z-index: 9999999999999999999; border: none; line-height: 0; background: transparent; position: fixed; left: calc(50vw + var(--fc-lightbox-width) / 2); transform: translateX(-100%); min-width: unset; box-shadow: unset; } .optin-monster-close svg { width: 20px; fill: var(--fc-accent); } } /* Mobile */ @media (max-width: 750px) { .optin-monster-close { position: fixed; z-index: 1000000; width: 100%; font-size: 1.2em; border: 0; padding: 8px; left: 0; top: 0; margin-top: 0; background: #000; border-bottom: solid #fff; color: #fff; height: 45px; border-radius: 4px 4px 0 0; animation-name: fcSlideIn; animation-iteration-count: 1; animation-timing-function: linear; animation-duration: 0.3s; } .fc-lightbox.fc-fade-out > .optin-monster-close { animation-name: fcSlideOut; animation-iteration-count: 1; animation-timing-function: linear; animation-duration: 0.3s; } .optin-monster-close svg { display: none; } .optin-monster-close::before { content: "× Close"; } } </style> <button class="optin-monster-close" aria-label="Close"> <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M390,308l-7.72,7.72-2.63-2.63,7.72-7.72-8.27-8.27,2.8-2.8,8.27,8.27,7.72-7.72,2.63,2.63-7.72,7.72,8.27,8.27-2.8,2.8Z" transform="translate(-379.1 -294.3)"></path> </svg> </button> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC toledo-row toledo-row-2 Row om-row"> <div class="toledo-row-content Row__content"> <div class="toledo-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="toledo-column toledo-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="toledo-col-content Column__content" style="height:100%"> <div class="toledo-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="toledo-element toledo-ele-1 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-te-wrapper toledo-TextElement--wrapper " id="toledo-TextElement--wrapper--yguSlYcdinSdTozV9b6y" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:20px;margin-right:20px;margin-bottom:0px;margin-left:20px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="toledo-te-content toledo-TextElement--content" style="overflow-wrap:break-word;color:#fff;font-family: 'PT Sans',sans-serif;;font-weight:500;font-size:16px;text-transform:none;text-decoration:none;line-height:1.2;letter-spacing:0;font-style:normal;text-align:left"> <p style="text-align: center; font-size: 26px; margin-bottom: 16px;"> We use a <strong>specific</strong> copywriting formula to convert new shoppers to a site. </p> <p style="text-align: center; margin-bottom: 12px;"> <span style="color: rgb(255,255,255);font-size: 16px;font-family: 'PT Sans',sans-serif;;">Each week we'll email you an example to your inbox. Interested?</span> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC toledo-row toledo-row-3 Row om-row"> <div class="toledo-row-content Row__content"> <div class="toledo-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="toledo-column toledo-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="toledo-col-content Column__content" style="height:100%"> <div class="toledo-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-right:0px;margin-bottom:0px;margin-left:0px;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="toledo-element toledo-ele-2 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-be-wrapper toledo-ButtonElement--wrapper " id="toledo-ButtonElement--wrapper--QnInJFIU4DT8P7IbAxbq" style="text-align:left;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="toledo-be-content toledo-ButtonElement--content"> <button id="toledo-ButtonElement--QnInJFIU4DT8P7IbAxbq" name="toledo-button--QnInJFIU4DT8P7IbAxbq" class="StyledIconButtonElement-sc-114x20d-0 boMxjc toledo-field-button" title=" No Thanks" value=" No Thanks" aria-live="polite" type="button" tabindex="0" style="color: #fff !important;font-size: 16px !important;">No Thanks</button> </div> </div> </div> </div> <br> <div class="toledo-element toledo-ele-1 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-fe-wrapper toledo-FieldsElement--wrapper FieldsElement--vertical " id="toledo-FieldsElement--wrapper--bEVMFUnNpj01R289MUSW" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0%;padding-right:12%;padding-bottom:0%;padding-left:12%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="toledo-fe-content toledo-FieldsElement--content" style="display:block;flex-wrap:wrap;position:relative" data-recaptcha-enabled="true" data-error-style="{"color":"#aa6463","fontFamily":"Arial","fontWeight":600,"fontSize":"14px","textTransform":"none","textDecoration":"none","lineHeight":"20px","letterSpacing":"0","fontStyle":"normal","marginTop":"0px","marginRight":"0px","marginLeft":"0px","marginBottom":"10px","textAlign":"left","paddingTop":"12px","paddingRight":"12px","paddingBottom":"12px","paddingLeft":"12px","borderRadius":"3px","background":"#ffefef","borderTopWidth":"2px","borderRightWidth":"2px","borderBottomWidth":"2px","borderLeftWidth":"2px","borderStyle":"solid","borderColor":"#f99","width":"100%","borderBottomLeftRadius":"0px","borderBottomRightRadius":"0px","borderTopLeftRadius":"0px","borderTopRightRadius":"0px"}"> <span class="VisuallyHidden__Wrapper-sc-1t41di1-0 ilhvcZ"><input data-hj-allow type="text" aria-hidden="true" aria-label="For internal use only" id="toledo-field-comments" name="toledo-comments" class="toledo-field-comments" placeholder="" autocomplete="off" value=""></span> <label for="toledo-field-name" class="FieldsElement__LabelElement-uzeler-1 jOIiqJ">Name</label><input data-hj-allow type="text" id="toledo-field-name" name="toledo-name" class="FieldsElement__InputElement-uzeler-0 blqrKb toledo-field-name" placeholder="First name..." style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:15px;padding-right:12px;padding-bottom:15px;padding-left:12px;color:#484848;font-family: 'PT Sans',sans-serif;;font-weight:400;font-size:20px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;background:#ffffff;box-shadow:none;border-style:none;border-color:rgba(0,0,0,.35);display:block;max-width:100%;width:100%" tabindex="0" required="" data-name="Name" data-error="The Name field is required." aria-label="Name" autocomplete="on" value="" aria-live="polite"> <label for="toledo-field-email" class="FieldsElement__LabelElement-uzeler-1 jOIiqJ"></label><input data-hj-allow type="email" id="toledo-field-email" name="toledo-email" class="FieldsElement__InputElement-uzeler-0 blqrKb toledo-field-email" placeholder="Email..." style="border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:15px;padding-right:12px;padding-bottom:15px;padding-left:12px;color:#484848;font-family: 'PT Sans',sans-serif;;font-weight:400;font-size:20px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;background:#ffffff;box-shadow:none;border-style:none;border-color:rgba(0,0,0,.35);display:block;max-width:100%;width:100%" aria-live="polite" tabindex="0" required="" data-name="Email Address" data-error="The Email field is required." autocomplete="on" value=""> <div id="toledo-FieldsElementButtonWrapper--bEVMFUnNpj01R289MUSW" class="toledo-feb-wrapper toledo-ButtonElement--wrapper" style="text-align:left"> <div class="toledo-feb-content toledo-ButtonElement--content"> <button id="toledo-FieldsElementButton--bEVMFUnNpj01R289MUSW" name="toledo-submit" class="StyledIconButtonElement-sc-114x20d-0 FieldsElementButton__InputElement-eeqzeo-0 cCQVmI toledo-field-submit" title="Submit" value="Submit" aria-live="polite" type="submit" tabindex="0">Let's Go</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="om-nkf06pfm4j4qq7elntdt-CustomJS" style="display:none"></div> </div> </div> </div> </div> </div> <style data-styled="true" data-styled-version="5.1.1"> #optin-monster-mobile-blog-step-1 .toledo-c-content:has(input:focus) :is(img, p, [title=" No Thanks"]) { display: none !important; } .boMxjc { background: transparent !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; box-shadow: 0 0 0 0 #ffffff !important; color: rgba(255,255,255,0.84) !important; font-family: 'PT Sans',sans-serif; font-size: 14px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; max-width: 100% !important; padding: 0 !important; text-transform: none !important; -webkit-text-decoration: underline !important; text-decoration: underline !important; font-style: normal !important; width: 100% !important; cursor: pointer; } /*!sc*/ .boMxjc.withIcon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .boMxjc.withIcon.is-editing-hover, .boMxjc.withIcon:focus, .boMxjc.withIcon:hover { -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .boMxjc .toledo-icon--QnInJFIU4DT8P7IbAxbq { color: rgba(255,255,255,0.84) !important; margin-right: NaNpx !important; } /*!sc*/ .boMxjc .toledo-hover-icon--QnInJFIU4DT8P7IbAxbq { display: none !important; color: #ffffff !important; margin-right: NaNpx !important; } /*!sc*/ .boMxjc.is-editing-hover, .boMxjc:focus, .boMxjc:hover { background: transparent !important; box-shadow: 0 0 0 0 #ffffff !important; color: #ffffff !important; font-family: 'PT Sans',sans-serif; font-size: 14px !important; font-weight: 400 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-decoration: underline !important; text-decoration: underline !important; font-style: normal !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; } /*!sc*/ .boMxjc.is-editing-hover .toledo-hover-icon--QnInJFIU4DT8P7IbAxbq, .boMxjc:focus .toledo-hover-icon--QnInJFIU4DT8P7IbAxbq, .boMxjc:hover .toledo-hover-icon--QnInJFIU4DT8P7IbAxbq { display: inline-block !important; } /*!sc*/ .boMxjc.is-editing-hover .toledo-icon--QnInJFIU4DT8P7IbAxbq, .boMxjc:focus .toledo-icon--QnInJFIU4DT8P7IbAxbq, .boMxjc:hover .toledo-icon--QnInJFIU4DT8P7IbAxbq { display: none !important; } /*!sc*/ data-styled.g1[id="StyledIconButtonElement-sc-114x20d-0"] { content: "boMxjc,"; } /*!sc*/ .ilhvcZ { border: 0; -webkit-clip: rect(0,0,0,0); clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /*!sc*/ data-styled.g18[id="VisuallyHidden__Wrapper-sc-1t41di1-0"] { content: "ilhvcZ,"; } /*!sc*/ .ccRSXc .ModalV2__Content--header { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1; padding: 10px 10px 10px 20px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content--header-close { color: #9fb5da; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; } /*!sc*/ .ccRSXc .ModalV2__Content--content { height: 100%; overflow: auto; padding: 0 50px 50px; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content { background-color: #fff; border-radius: 4px; border: none; box-shadow: 0 0 18px 6px rgba(35,48,70,0.25); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 650px; outline: none; overflow: auto; width: 100%; } /*!sc*/ .ccRSXc .ModalV2__Content p { line-height: 1.4; } /*!sc*/ .ccRSXc .ModalV2__Content p a { color: #0d82df; font-weight: bold; -webkit-text-decoration: underline; text-decoration: underline; } /*!sc*/ .ccRSXc .ModalV2__Overlay { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255,255,255,0.8); bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1010; } /*!sc*/ data-styled.g83[id="ModalV2__StyledModal-sc-1yn120z-0"] { content: "ccRSXc,"; } /*!sc*/ .gMyobI * { box-sizing: border-box; } /*!sc*/ .gMyobI .ModalV2__Content--header { height: 60px; padding: 20px 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .gMyobI .ModalV2__Content--header-content { font-size: 20px; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ .gMyobI .ModalV2__Content--header-content svg { margin-right: 8px; } /*!sc*/ .gMyobI .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .gMyobI .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .gMyobI .ModalV2__Content--content { padding: 20px 40px; } /*!sc*/ .gMyobI .ModalV2__Content { max-width: 570px; max-height: 80%; } /*!sc*/ data-styled.g84[id="Modal__StyledModal-sc-1vmqztf-0"] { content: "gMyobI,"; } /*!sc*/ .lpoqEL * { box-sizing: border-box; } /*!sc*/ .lpoqEL .ModalV2__Content--header { height: 40px; padding: 20px 20px 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close { background-color: transparent; border: none; padding: 0; } /*!sc*/ .lpoqEL .ModalV2__Content--header-close svg { width: 14px; height: 14px; } /*!sc*/ .lpoqEL .ModalV2__Content--content { padding: 0 60px 40px; } /*!sc*/ .lpoqEL .ModalV2__Content { max-height: 80%; max-width: 570px; min-width: 500px; width: 570px; } /*!sc*/ data-styled.g85[id="WhiteModal__StyledModal-sc-147xomf-0"] { content: "lpoqEL,"; } /*!sc*/ .cCQVmI { background: #f2d147 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; box-shadow: 0 0 0 0 #ffffff !important; color: #000000 !important; font-family: 'PT Sans',sans-serif; font-size: 16px !important; font-weight: 600 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; max-width: 100% !important; padding: 12px 12px !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; width: 100% !important; cursor: pointer; } /*!sc*/ .cCQVmI.withIcon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .cCQVmI.withIcon.is-editing-hover, .cCQVmI.withIcon:focus, .cCQVmI.withIcon:hover { -ms-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /*!sc*/ .cCQVmI .toledo-submit-icon--bEVMFUnNpj01R289MUSW { color: #000000 !important; margin-right: NaNpx !important; } /*!sc*/ .cCQVmI .toledo-hover-submit-icon--bEVMFUnNpj01R289MUSW { display: none !important; color: #ffffff !important; margin-right: NaNpx !important; } /*!sc*/ .cCQVmI.is-editing-hover, .cCQVmI:focus, .cCQVmI:hover { background: #ced2d3 !important; box-shadow: 0 0 0 0 #ffffff !important; color: #ffffff !important; font-family: 'PT Sans',sans-serif; font-size: 20px !important; font-weight: 600 !important; -webkit-letter-spacing: 0 !important; -moz-letter-spacing: 0 !important; -ms-letter-spacing: 0 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; font-style: normal !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-width: 0 !important; border-color: rgba(0,0,0,.35) !important; border-left-width: 0 !important; border-right-width: 0 !important; border-style: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; } /*!sc*/ .cCQVmI.is-editing-hover .toledo-hover-submit-icon--bEVMFUnNpj01R289MUSW, .cCQVmI:focus .toledo-hover-submit-icon--bEVMFUnNpj01R289MUSW, .cCQVmI:hover .toledo-hover-submit-icon--bEVMFUnNpj01R289MUSW { display: inline-block !important; } /*!sc*/ .cCQVmI.is-editing-hover .toledo-submit-icon--bEVMFUnNpj01R289MUSW, .cCQVmI:focus .toledo-submit-icon--bEVMFUnNpj01R289MUSW, .cCQVmI:hover .toledo-submit-icon--bEVMFUnNpj01R289MUSW { display: none !important; } /*!sc*/ .cCQVmI { margin-bottom: 0 !important; } /*!sc*/ .cCQVmI.is-editing-hover.optin-loader:after, .cCQVmI.is-editing-hover.optin-loader:before, .cCQVmI:focus.optin-loader:after, .cCQVmI:focus.optin-loader:before, .cCQVmI:hover.optin-loader:after, .cCQVmI:hover.optin-loader:before { border-color: #60656f; } /*!sc*/ .cCQVmI.optin-loader { position: relative; color: rgba(0,0,0,0) !important; } /*!sc*/ @-webkit-keyframes scale { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*!sc*/ @keyframes scale { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*!sc*/ @-webkit-keyframes opacity { from { opacity: 1; } to { opacity: 0; } } /*!sc*/ @keyframes opacity { from { opacity: 1; } to { opacity: 0; } } /*!sc*/ .cCQVmI.optin-loader:after, .cCQVmI.optin-loader:before { content: ''; position: absolute; border-width: 2px; border-style: solid; border-radius: 50%; border-color: #60656f; width: 26px; height: 26px; left: 50%; margin-left: -13px; top: 50%; margin-top: -13px; opacity: 0; -webkit-animation: scale 1.8s cubic-bezier(0.165,0.84,0.44,1), opacity 1.8s cubic-bezier(0.3,0.61,0.355,1); animation: scale 1.8s cubic-bezier(0.165,0.84,0.44,1), opacity 1.8s cubic-bezier(0.3,0.61,0.355,1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*!sc*/ .cCQVmI.optin-loader:after { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /*!sc*/ data-styled.g308[id="FieldsElementButton__InputElement-eeqzeo-0"] { content: "cCQVmI,"; } /*!sc*/ .blqrKb::-webkit-input-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb::-moz-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb:-ms-input-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb::placeholder { color: #b1bacb; } /*!sc*/ .blqrKb:focus::-webkit-input-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb:focus::-moz-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb:focus:-ms-input-placeholder { color: #b1bacb; } /*!sc*/ .blqrKb:focus::placeholder { color: #b1bacb; } /*!sc*/ data-styled.g309[id="FieldsElement__InputElement-uzeler-0"] { content: "blqrKb,"; } /*!sc*/ .jOIiqJ { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*!sc*/ data-styled.g310[id="FieldsElement__LabelElement-uzeler-1"] { content: "jOIiqJ,"; } /*!sc*/ .kSOuyC { position: relative; } /*!sc*/ .kSOuyC .Row__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*!sc*/ data-styled.g509[id="Row__StyledRow-sc-3p43ya-0"] { content: "kSOuyC,"; } /*!sc*/ </style> </div> <div id="optin-monster-mobile-blog-step-2" class="fc-hide toledo-campaign Campaign CampaignType--popup Campaign--css" style="border: 0px; float: none; letter-spacing: normal; outline: none; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; line-height: 1; font-family: 'PT Sans',sans-serif;; box-shadow: none; -webkit-font-smoothing: antialiased; appearance: none; position: fixed; z-index: 888888888; inset: 0px; zoom: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden auto; background: rgb(0, 0, 0); opacity: 1;"> <button class="CloseButton__ButtonElement-sc-79mh24-0 hhaWQF losangeles-CloseButton losangeles-close losangeles-ClosePosition--top-right" style="top:0;right:0;bottom:auto;left:auto" title="Close"> <svg viewBox="0 0 1792 1792" style="display:block;height:24px;width:24px"> <path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"></path> </svg> </button> <style> #optin-monster-mobile-blog-step-2 .losangeles-ClosePosition--top-right { top: 0; position: absolute; fill: #F2D147 !important; } </style> <div id="om-nkf06pfm4j4qq7elntdt-optin" class="toledo-c-canvas Campaign__canvas" style="width: 100%; max-width: 700px; position: absolute; display: block; left: 0px; margin-bottom: 0px; transition: top 0.2s ease 0s, left 0.2s ease 0s, margin-bottom 0.2s ease 0s;" role="dialog" aria-live="polite"> <div class="toledo-c-wrapper Campaign__innerWrapper" style="outline:none;position:relative" tabindex="0"> <div class="toledo-c-alpha Campaign__alphaLayer" style="background:rgba(255, 255,255,0);border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#b1bacb;border-style:none;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;box-shadow:0px 0px 0px 0px #ffffff;position:relative"> <div class="toledo-c-bravo Campaign__bravoLayer"> <div class="toledo-c-content Campaign__content" style="position:relative;width:100%;padding-top:0.0001em;padding-right:0.0001em;padding-left:0.0001em;padding-bottom:50px;background:none"> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC toledo-row toledo-row-1 Row om-row"> <div class="toledo-row-content Row__content"> <div class="toledo-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="toledo-column toledo-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="toledo-col-content Column__content" style="height:100%"> <div class="toledo-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="toledo-element toledo-ele-1 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-se-wrapper toledo-SpacerElement--wrapper " id="toledo-SpacerElement--wrapper--I7VfArTbtd2pVHP76EfK"> <div class="toledo-se-content toledo-SpacerElement--content" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:none;width:auto;max-width:100%;position:relative;z-index:0;height:50px"></div> </div> </div> </div> <div class="toledo-element toledo-ele-2 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-te-wrapper toledo-TextElement--wrapper " id="toledo-TextElement--wrapper--Oy2Cg3bU3Lx2JmMYUWHN" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="toledo-te-content toledo-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:700;font-size:16px;text-transform:none;text-decoration:none;line-height:1;letter-spacing:0;font-style:normal;text-align:left"> <p style="text-align: left; margin-left: 40px;"> <span style="color: #ffffff;font-size: 28px;font-family: 'PT Sans',sans-serif;;">See you Monday!</span> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="Row__StyledRow-sc-3p43ya-0 kSOuyC toledo-row toledo-row-2 Row om-row"> <div class="toledo-row-content Row__content"> <div class="toledo-row-inner" style="display:flex;width:100%;flex-direction:inherit;align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0"> <div class="toledo-column toledo-col-1 Column om-column" style="display:inline-block;width:100%"> <div class="toledo-col-content Column__content" style="height:100%"> <div class="toledo-col-inner" style="align-items:flex-start;background:transparent;border-style:solid;border-color:#000000;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;box-shadow:0px 0px 0px 0px #ffffff;max-width:100%;z-index:0;height:100%"> <div class="toledo-element toledo-ele-1 Element om-element"> <div class="toledo-ele-content Element__content"> <div class="toledo-te-wrapper toledo-TextElement--wrapper " id="toledo-TextElement--wrapper--yguSlYcdinSdTozV9b6y" style="border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-right-radius:0%;border-bottom-left-radius:0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:20px;margin-right:20px;margin-bottom:0px;margin-left:20px;background:transparent;border-style:solid;border-color:#000000;box-shadow:0px 0px 0px 0px #ffffff;width:auto;max-width:100%;position:relative;z-index:0"> <div class="toledo-te-content toledo-TextElement--content" style="overflow-wrap:break-word;color:#000000;font-family: 'PT Sans',sans-serif;;font-weight:500;font-size:16px;text-transform:none;text-decoration:none;line-height:1.2;letter-spacing:0;font-style:normal;text-align:left"> <p style="margin-left: 20px;"> <span style="color: rgb(255,255,255);font-size: 20px;font-family: 'PT Sans',sans-serif;;">Check your inbox to confirm your subscription. Next stop, higher conversions.</span><br><br></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> (function () { async function subscribe({title, text, email, name}) {} let mobilePageVisits = 0; if (localStorage.getItem("page-visits-optin-monster-mobile-blog")) { mobilePageVisits = parseInt(localStorage.getItem("page-visits-optin-monster-mobile-blog")); } localStorage.setItem("page-visits-optin-monster-mobile-blog", mobilePageVisits + 1); const showThisForm = () => { const isMobileDevice = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); const isMobile = window.innerWidth <= 768; return document .location .href .includes("blog") && mobilePageVisits >= 3 && isMobile && !localStorage.getItem("optin-monster-mobile-blog-closed") && isMobileDevice; }; const step1 = document.querySelector(`#optin-monster-mobile-blog-step-1`); const step1CloseButton = step1.querySelector(`[value=" No Thanks"]`); // Show form? if (showThisForm()) { step1 .classList .remove("fc-hide"); } const closeStep1 = () => { step1 .classList .add("fc-hide"); localStorage.setItem("optin-monster-mobile-blog-closed", true); } const openStep2 = () => { step1 .classList .add("fc-hide"); step2 .classList .remove("fc-hide"); } step1CloseButton.addEventListener("click", closeStep1); step1 .querySelector(".optin-monster-close") .addEventListener("click", closeStep1); const step2 = document.querySelector(`#optin-monster-mobile-blog-step-2`); const step2CloseButton = step2.querySelector(`[title="Close"]`); const nameField = step1.querySelector(`#toledo-field-name`); const emailField = step1.querySelector(`#toledo-field-email`); const submitButton = step1.querySelector(`[type="submit"]`); const closeStep2 = () => { step2 .classList .add("fc-hide"); localStorage.setItem("optin-monster-desktop-blog-closed", true); } step2CloseButton.addEventListener("click", closeStep2); function addFormError(error) { const existingError = document.getElementById("optin-monster-error"); if (existingError) existingError.remove(); const output = `<div id="optin-monster-error" style="color: red; margin-top: 4px;">${error}</div>`; submitButton.insertAdjacentHTML("afterEnd", output) }; function submitOptinMonsterForm() { console.log("Submitting...") const name = nameField.value; const email = emailField.value; if (!name) { return addFormError("Name Field is Required"); } if (!email) { return addFormError("Email Field is Required"); } if (!email.includes("@") || !email.split("@")[1].includes(".")) { return addFormError("Please provide a valid email"); } subscribe({title: "OptinMonster Blog Subscribe", text: `Someone just subscribed on the website\n\nname: ${name}\nemail: ${email}\nlocation: ${window.location.href}`, email, name}); openStep2(); } submitButton.addEventListener("click", submitOptinMonsterForm); })(); </script> </body> </html>

CINXE.COM

Product Page Ideas Archives - Frictionless Commerce