<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://biz.hellopeter.com/blogs/tag/user-experience/feed" rel="self" type="application/rss+xml"/><title>Hellopeter Business - Learn, understand, grow your business with online reviews #User Experience</title><description>Hellopeter Business - Learn, understand, grow your business with online reviews #User Experience</description><link>https://biz.hellopeter.com/blogs/tag/user-experience</link><lastBuildDate>Tue, 31 Mar 2026 06:38:53 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[How to Streamline the Customer Experience]]></title><link>https://biz.hellopeter.com/blogs/post/how-to-streamline-the-customer-experience</link><description><![CDATA[<img align="left" hspace="5" src="https://biz.hellopeter.com/files/Blog Post Assets/Most Common Black Friday Complaints and How to Solve Them/B2B-How-to-Streamline-the-Customer-Experience.webp"/>Looking to improve your business's customer experience? Discover practical tips to help you create a seamless experience for your customers.]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_jDIYiK19RSmshpQz8tnJfQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_b3l9qUUG6lRqhIeVIh_OJQ" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_9ZWFZ4OYS82jfKyrDdfNUw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_zqpYw6AMzj6o2vguIvVLOw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_zqpYw6AMzj6o2vguIvVLOw"] .zpimage-container figure img { width: 1280px !important ; height: 640px !important ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-original zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-roundcorner zpimage-space-none " src="/B2B-How-to-Streamline-the-Customer-Experience.webp" size="original" alt="How to Streamline the Customer Experience" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_EmDAgpv4g5GspryunbzVWg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_EmDAgpv4g5GspryunbzVWg"] .zpimage-container figure img { width: 77px !important ; height: 77px !important ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-original zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/Artboard%202.png" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_v2nZautHiwqt3Oj6IqKnWg" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h4
 class="zpheading zpheading-style-none zpheading-align-center zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-family:Outfit;">Hellopeter</span></h4></div>
</div></div></div></div><div data-element-id="elm_m2yycdIp_F6ugbJKzIseSQ" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_1SwZhfcK6RHyIMIGRoPUDw" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_sJymaWhNMf1xHp6MRKEu3g" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p style="line-height:1;"><span style="color:rgb(11, 13, 45);font-family:Outfit;">The majority of customers today expect a streamlined customer experience. In fact, 90% of people surveyed will pay more for a better customer experience, expecting businesses to recognise and anticipate their needs. With consumer demands high, South African businesses need to be aware of their customers' needs to keep up.</span></p></div>
</div><div data-element-id="elm_23zMe3EXdostLdOy-HZ_HQ" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">Great Customer Experience Should Be Efficient 😀</span></h2></div>
<div data-element-id="elm_jKHxWzIqaNjB3MG5X2kCww" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><span style="font-family:Outfit;"> Your business should have systems in place that allow you to deliver a stellar customer experience as effortlessly as possible. This will not only make your task easier, but your business will thrive from improved efficiency. </span></div>
<span style="font-family:Outfit;"><br/></span><div><span style="font-family:Outfit;"> To help you achieve this, we've curated a list of key systems and strategies which, when implemented, will soon have your customers raving about your business. </span></div>
</div><p></p></div></div><div data-element-id="elm_RSAi761HrTVSyLct6s1r8Q" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><span>We were thrilled to unveil the fresh, new look of your beloved hellopeter.com in 2023. It's been a labour of love, and we can't wait for you to explore the improved functionality. Your feedback matters, so <a href="https://www.hellopeter.com/" rel="noopener" target="_blank">take a peek</a> and let us know what you think.</span></p></div>
</div><div data-element-id="elm_c5ZTgQSppt9ybmaOfDBYGw" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">1. Encourage Customer Feedback ⭐</span></h2></div>
<div data-element-id="elm_7hFRK78eAMKAtKbX06AA6Q" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">By far, the best way to know you're meeting your customers' needs is by asking them. Positive feedback helps you understand what you already do well, including what your customers care about. But don't discount negative feedback. Hearing from dissatisfied customers is invaluable for recognising where you need to focus your attention and efforts.<br/><br/></span></p><span style="font-size:18px;"></span><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">While it's always good practice to <a href="https://biz.hellopeter.com/review-management">respond to reviews</a>, this is especially important when the review is less than favourable. Always respond to a negative review to show your reviewer – and potential clients – that you care about them and their experience with your brand. Start by publicly empathising with their frustration and state how you plan to address the issue.<br/><br/></span></p><span style="font-size:18px;"></span><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">To encourage feedback and increase the number of responses, follow up on every interaction by prompting them to review their experience with your business. This process can be&nbsp;automated with a review collection system such as Hellopeter Business's various <a href="https://biz.hellopeter.com/review-collection-hellopeter">review invite tools.</a></span></p></div>
</div><p></p></div></div><div data-element-id="elm_dKycJIN_NjZekipBpYspZg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_dKycJIN_NjZekipBpYspZg"] .zpimage-container figure img { width: 1200px !important ; height: 628px !important ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-original zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-roundcorner zpimage-space-none " src="/LI%20Post%20Did%20you%20know%20Highest%20Nr%20_%205050%20-2-.webp" size="original" alt="How to Streamline the Customer Experience" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_XbbV_ZX0gRwLgBw50_ET4g" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">2. Respond to Customers Promptly ⏲️</span></h2></div>
<div data-element-id="elm_W4sZJEmdLJJ7HTwjVjt8pQ" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><span style="font-family:Outfit;"> No one wants to wait when a pressing issue needs to be resolved. The sooner you respond when your customers reach out, the less frustrated they will get. Ensure your communication channels are set up to notify you as soon as a customer contacts, mentions or reviews your brand. </span></div>
<span style="font-family:Outfit;"><br/></span><div><span style="font-family:Outfit;"> For instance, you'll immediately be alerted when someone reviews your business on Hellopeter. Additionally, you can sync your Google and Facebook reviews with Hellopeter, so you only have one inbox. This way, at a glance, you're able to see all your reviews waiting for a reply to ensure you're there when customers need you most. </span></div>
</div><p></p></div></div><div data-element-id="elm_Kp0EqtZSNmagoelMCBuc6Q" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">3. Give Customers a Self-Service Option 🤖</span></h2></div>
<div data-element-id="elm_dJa8LN3nFx-DiNFh80S8bw" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><span><span></span></span></p><div><div><span style="font-family:Outfit;"> Why not free up time by offering your clients a self-service experience? Instead of answering a never-ending number of emails and phone calls per day, give them a digital self-service dashboard or portal. </span></div>
<span style="font-family:Outfit;"><br/></span><div><span style="font-family:Outfit;"> A digital portal lets customers sign in at any time to access information, book an appointment, log a support query, or view past transactions. Not only will this free up the bulk of your business' administrative time, but your customers will love you for it. </span></div>
</div><span></span><p></p></div></div><div data-element-id="elm_WhzcPKtMK-uvWLC2Bdt_hg" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">4. Personalise Your Communications 💌</span></h2></div>
<div data-element-id="elm_nE0dF5h_iuvDUE0UHr-Tiw" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><div><div style="line-height:1;"><div style="line-height:1.2;"><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">When a customer reaches out to your business, make their experience memorable by personalising your communications with them.&nbsp;</span></p><span></span><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">You could tell them about products or services they might be interested in based on past purchases. If you're selling products online, including a handwritten thank-you note with their order can also go a long way. The idea is to engage them in a way that will make them feel like your only customer.<br/><br/></span></p><span></span><p style="line-height:1;"><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">Sometimes this is as simple as addressing them by their first name, setting up cohorts to help you target your marketing efforts more specifically, or sending them a voucher on their birthday – there are so many touch points in the customer experience journey where you can make them feel valued.</span></p></div></div></div></div>
</div><p></p></div></div><div data-element-id="elm_Nps-aADE9YP1YTl5-8inaQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_Nps-aADE9YP1YTl5-8inaQ"] .zpimage-container figure img { width: 1200px !important ; height: 628px !important ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-original zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-roundcorner zpimage-space-none " src="/FB%20Post%20Did%20You%20Know%20Over%2060_%20of%20Consumers-1.webp" size="original" alt="How to Streamline the Customer Experience" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_Ca7v47OmO4C3Awca3Eh-ww" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;"><strong>5. Don't Overlook Social Media 💬</strong></span></h2></div>
<div data-element-id="elm_1o-3xLbkD61Bz5nDGgSrIQ" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div style="line-height:1;"><div style="line-height:1;"><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">If social media is where your customers spend their time, you should ensure you show up on their feeds too. Consumers everywhere use social channels to ask questions, write reviews and reach out for support.&nbsp;<br/><br/></span></p><span style="font-size:18px;"></span><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;">Therefore, it's best to set up your social platforms to notify you whenever a customer sends a direct message or comments on a post. A tip is to set up a template with frequently asked questions and answers to make the process quicker.</span></p></div></div>
</div><p></p></div></div><div data-element-id="elm_jWI1E7SJIVqo8RVXLKfY6w" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;"><strong>6. Provide Answers on Your Website ❔</strong></span></h2></div>
<div data-element-id="elm_-oItoPChgO9PQJSG-VmG3g" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><span style="font-family:Outfit;"> Did you know that 70% of customers prefer to get the information they're looking for from a company's website rather than over the phone or email? Therefore, it's important to regularly update your website content to help customers access the information they need.&nbsp; </span></div>
<div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-family:Outfit;"> Customers will look for answers on your FAQ pages and blogs. Other sources include user manuals, help documentation, case studies and how-to videos. </span></div>
<div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-family:Outfit;"> If you don't have sufficient information on your website, your customers are forced to reach out to your business whenever they're looking for answers – something they'd rather not do.&nbsp; </span></div>
</div><p></p></div></div><div data-element-id="elm_WAGdNbY6_GF6TmLxCbNfHA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:30px;font-family:&quot;Open Sans&quot;, sans-serif;">Streamline the Customer Experience, Starting With Reviews</span></h2></div>
<div data-element-id="elm_tUiJvu8hWpDTApGcuX_CVA" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><span style="font-family:Outfit;"> When 95% of customers are ready to tell others about a poor experience, trying to meet every demand can feel overwhelming. But, when you have the right systems in place, this will lead to a stellar customer experience and make managing your customer relationships easier. </span></div>
<div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-family:Outfit;"> And, when it comes to streamlining your customer's experience, what better way to start than by hearing from your customers? Take a look at our plans and see for yourself how easy it is to get customer feedback pouring in.&nbsp; </span></div>
<div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-family:Outfit;"> Well done on putting the customer experience first. We've seen first-hand how this strategy pays off! </span></div>
</div><p></p></div></div><div data-element-id="elm_HvcwFyj21JK3W3wvXi9ZXQ" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div></div></div></div></div><div data-element-id="elm_qJg68N3ZLRK5B7a2Ex-Axw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_FqNn2FGpVlI4JGNtP05kgg" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_mwpqdgbHG6jVvu1Wf38EHg" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_hmczWdnTqKyV7Zl9cKz2Zg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h6><span style="font-weight:bold;">RELATED ARTICLES</span></h6></div>
</div><div data-element-id="elm_4X-ZoIGEIgFXH_UE9ErMMA" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_5alwdeIFx3lqSI2KwThVkg" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_5alwdeIFx3lqSI2KwThVkg"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Blog%20header%20-%20How%20to%20successfully%20request%20a%20review%20update%20after%20bad%20review%20-3-.webp" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h5><span>How to Request a Review Update: From Complaint to Resolved</span></h5></div>
</div></div><div data-element-id="elm_mYlbNR1fngLcO7maiyH1aw" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_R_xWNK5V3nkha9ZlvDnS3Q" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_R_xWNK5V3nkha9ZlvDnS3Q"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/B2B%20Blog%201%20-%20Why%20Poor%20Customer%20Experience%20-3-.jpg" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h6><span><div></div></span></h6><h5 style="font-weight:300;">Why Black Friday Customer Experience Beats The Discounts</h5></div>
</div></div><div data-element-id="elm_XIT6-1G6-n8b0fLUwuN8ig" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_j_smfOin-YTxyLuPK6w4cA" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_j_smfOin-YTxyLuPK6w4cA"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Blog%20Header%20-%20Super%20Communications%20x%20Hellopeter%20Business%20Rev%20-1-.webp" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h5><span>How Super Communications Got to Rank #1 in 3 Industries on Hellopeter</span></h5></div>
</div></div></div><div data-element-id="elm_vXXQ500ZFan3jRHvti_T4A" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_vXXQ500ZFan3jRHvti_T4A"].zpelem-col{ margin-block-start:24px; } </style><div data-element-id="elm_ONOqgWyAJGFYJnKlOxUljA" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h6><span style="font-weight:bold;">UP NEXT</span></h6></div>
</div><div data-element-id="elm_u9llp1sJnYKHeDiuZsDOuQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_1tkTlvHAGZBA_U4-EIWRsg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h4><span style="font-size:32px;">7&nbsp; THINGS CUSTOMERS CHECK ONLINE BEFORE BUYING FROM YOU THIS BLACK FRIDAY</span></h4></div>
</div><div data-element-id="elm_hpFKztEW7GFbWNjDgBl0kg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_hpFKztEW7GFbWNjDgBl0kg"] .zpimage-container figure img { width: 588px ; height: 330.75px ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Things%20Customers%20Check%20Online%20-3-.webp" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div></div></div></div><div data-element-id="elm_qsQWh5TAcB8CYlSYcB1VOw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_TTFmrqvH2zbsk3Q_TuilEw" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_9hbSUd3qGK6tgbZgh_Vm-A" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_nGKRuNWWO00s3ge2c3TF_A" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div><div data-element-id="elm_gc2DUjhxLkKJ6BY1-gq-tg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div><div data-element-id="elm_LK6yqigEDdvBDllQViNcGA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><template id="tmpl"><link rel="stylesheet" href="/site/stylesheets/template_theme.min.css"/><style> /* --- YOUR EXISTING CSS --- */ .subscribe_section { text-align: center; padding: 0px 0 80px 0; } .subscribe_section h3 strong { font-weight: 700 !important; } .subscribe_section .form-group { position: relative; margin: 20px auto 0 auto; } .subscribe_section .form-group svg { width: 20px; height: auto; position: absolute; fill: #3483f4; left: 16px; top: 15px; } .subscribe_section .form-group .form-control { height: 50px; padding: 0 20px 0 46px; min-width: 320px; margin-right: 15px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07); border: 1px solid #b8c4cf; } .subscribe_section .form-group .btn { height: 50px; line-height: 46px; padding: 0; width: 240px; font-size: 18px; transition: all 0.3s ease-out; } .subscribe_section .form-group .btn:hover { border-radius: 40px; } .show_border { padding: 0 0 20px 0; } .show_border .form_wrap { border-bottom: 1px solid #ccc; padding-bottom: 80px; max-width: 700px; margin: 0 auto; } .increase_sales_modal .modal-dialog { max-width: 1200px; vertical-align: middle; } .increase_sales_modal .increase_sales_hedding .close { position: absolute; top: 4px; font-size: 37px; font-weight: 100; color: #878787; cursor: pointer; right: 14px; z-index: 9; } .increase_sales_modal .modal-content { border: 0; border-radius: 0; outline: 0; } .increase_sales_modal .modal-content .form-wrapper-popup { padding: 20px 0; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title { padding-top: 24px; } .increase_sales_modal .trusted-by-title h2 strong { font-weight: 700; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 38px; line-height: 48px; margin-bottom: 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p { font-size: 18px; color: #58595b; font-weight: 400; line-height: 25.2px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .hs-form-field { margin-bottom: 15px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input { width: 100%; padding: 15px 15px 15px 15px; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 6px 23px rgba(0, 0, 0, 0.062); line-height: 20.16px; font-size: 14.4px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input.error { border-color: #ff3860 !important; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input:focus { border: 1px solid #404040; outline: unset; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private label { display: none; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul { padding: 0; margin: 0; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul.hs-error-msgs li { list-style: none; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul.hs-error-msgs li .hs-error-msg { font-size: 13px; color: #ff4040; font-weight: 500; width: 100%; display: block; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .hs-button { width: 100%; padding: 14px 0 14px 0; background-color: #263583; color: #fff; font-size: 18px; font-weight: 600; border-radius: 5px; } .increase_sales_modal .logo-wrapper { padding: 40px 0 0; } .increase_sales_modal .logo-wrapper .trusted-by-title h2 { font-size: 25px; line-height: 33px; margin-bottom: 50px; text-align: center; } .increase_sales_modal .logo-wrapper .logos-wrapper { display: flex; flex-wrap: wrap; position: relative; padding: 0 20px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup { width: 33.33%; text-align: center; position: relative; min-height: 52px; display: flex; align-items: center; border: 1px solid #eaeaea; border-left: 0; border-right: 0; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a { text-align: center; width: 100%; padding: 22px 30px 22px 30px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } .increase_sales_modal .logo-wrapper .logos-wrapper::before { content: ''; width: 1px; background-color: #eaeaea; height: 108%; position: absolute; left: 200px; right: 0; top: -4%; } .increase_sales_modal .logo-wrapper .logos-wrapper::after { content: ''; width: 1px; background-color: #eaeaea; height: 108%; position: absolute; right: 200px; top: -4%; } .increase_sales_modal .modal-body { padding: 40px; } .increase_sales_modal .modal-body .container { padding: 0; } @media screen and (max-width: 991px) { .subscribe_section { text-align: center; padding: 20px 20px 20px 20px; } .subscribe_section h3 strong { font-weight: 700; } .increase_sales_modal { padding: 0px; } .increase_sales_modal .modal-content .form-wrapper-popup { padding: 40px 20px 30px 20px; } .increase_sales_modal .modal-dialog { max-width: 100%; top: 0; right: 0; margin: 0; width: 100%; } .increase_sales_modal .logo-wrapper .logos-wrapper::before { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper::after { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 85px; height: 50px; object-fit: contain; } .increase_sales_modal .logo-wrapper { padding: 30px 0 0; } .increase_sales_modal .trusted-by-title h2 strong { font-weight: 700; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 26px; line-height: 36px; margin-bottom: 10px; } .increase_sales_modal { padding-right: 0px !important; } .increase_sales_modal .modal-body { padding: 30px 10px 30px 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 24px; line-height: 32px; } } @media screen and (max-width: 680px) { .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p br { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a { text-align: center; width: 100%; padding: 15px 20px 15px 20px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 100%; height: auto; object-fit: unset; } .increase_sales_modal .increase_sales_hedding .close { right: 15px; font-weight: 400; } .increase_sales_modal .logo-wrapper { padding: 20px 10px 20px; } .subscribe_section { padding: 20px 5px 20px 5px !important; } .subscribe_section .form_wrap h3 { font-size: 22px; line-height: 28px; } .subscribe_section .form-group { width: 100%; } .subscribe_section .form-group .form-control { min-width: 100%; margin-right: 0; } .subscribe_section .form-group .btn { margin-top: 10px; width: 100% !important; font-size: 16px !important; } .subscribe_section .form-group .form-control { padding: 0 15px 0 46px; min-width: 100%; margin-right: 0; } .increase_sales_modal .modal-content .form-wrapper-popup .logo_img img { width: 140px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p { font-size: 14px; line-height: 24px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup { width: 50%; } } /* --- REQUIRED FIXES FOR SHADOW DOM --- */ /* 1. Manually handle the display when 'show' class is added */ .modal.show { display: block !important; padding-right: 17px; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.5); /* Dim background here instead of separate backdrop if simpler */ } /* 2. Optional: Custom backdrop styles if you want a separate backdrop div */ .custom-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 1040; opacity: 0; transition: opacity 0.15s linear; } .custom-backdrop.show { display: block; opacity: 0.5; } .increase_sales_modal #formThankYou { font-size: 0.9rem !important; display: none; } </style><div class="subscribe_section"><div class="container"><div class="form_wrap"><h3>Find out how we can <strong> help your business grow.</strong></h3><div class="form-inline"><div class="form-group"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path
								d="M64 96c-17.7 0-32 14.3-32 32v39.9L227.6 311.3c16.9 12.4 39.9 12.4 56.8 0L480 167.9V128c0-17.7-14.3-32-32-32H64zM32 207.6V384c0 17.7 14.3 32 32 32H448c17.7 0 32-14.3 32-32V207.6L303.3 337.1c-28.2 20.6-66.5 20.6-94.6 0L32 207.6zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg><input class="form-control" type="email" placeholder="Enter your email"/><a class="btn btn-primary increase_sales_link" id="open-btn" href="#">REQUEST DEMO</a></div>
</div></div></div></div><div id="custom-backdrop" class="custom-backdrop"></div><div class="modal fade increase_sales_modal" id="popup-content" tabindex="-1" role="dialog" aria-labelledby="increase_sales" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-body"><div class="container"><div class="row"><div class="increase_sales_hedding"><h5 class="close close_btn" id="close-btn" aria-label="Close"><span aria-hidden="true">&times;</span></h5></div>
<div class="col-lg-6"><div class="form-wrapper-popup"><div class="logo_img"><img src="/site/img/logo%20-1-.svg" alt="logo"/></div>
<div class="trusted-by-title"><h2>Does Your Business <strong>Want to Increase Sales?</strong></h2><p> Schedule a call with one of our brand strategists to find out how your business can attract customers more easily. </p></div>
<div><span
											id="hs_cos_wrapper_widget_1673108372988_"
											class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3
												id="hs_cos_wrapper_form_977934025_title"
												class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3><div id="hs_form_target_form_977934025"><p id="formThankYou">Thanks for submitting the form.</p><form
													class="hs-form-private"
													action="https://forms.zohopublic.com/hellopetercom1/form/RequestDemo1/formperma/dq3HaBKc28K7OX2DgEnyGDe6DcQv1dr8xPnvfvJeoE4/htmlRecords/submit"
													name="form"
													method="POST"
													accept-charset="UTF-8"
													enctype="multipart/form-data"
													id="zohoForm"
												><input type="hidden" name="zf_referrer_name" value=""/><!-- To Track referrals , place the referrer name within the " " in the above hidden input field --><input type="hidden" name="zf_redirect_url" value=""/><!-- To redirect to a specific page after record submission , place the respective url within the " " in the above hidden input field --><input type="hidden" name="zc_gad" value=""/><!-- If GCLID is enabled in Zoho CRM Integration, click details of AdWords Ads will be pushed to Zoho CRM --><div class="zf-templateWrapper"><div class="zf-subContWrap zf-topAlign"><ul><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="First name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine1"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Last name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine1_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine2"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Business name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine2_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine3"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Job title"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine3_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="Email"
																				checktype="c5"
																				value=""
																				maxlength="255"
																				fieldType="9"
																				placeholder="Email address"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="Email_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf- zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv zf-phonefld"><div class="zf-phwrapper zf-phNumber"><span class="input"><input
																					type="text"
																					compname="PhoneNumber"
																					name="PhoneNumber_countrycode"
																					maxlength="20"
																					checktype="c7"
																					value=""
																					phoneFormat="1"
																					isCountryCodeEnabled="false"
																					fieldType="11"
																					id="international_PhoneNumber_countrycode"
																					valType="number"
																					phoneFormatType="2"
																					placeholder="Phone number"/><label>Number</label></span><div class="zf-clearBoth"></div>
</div><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="PhoneNumber_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div></ul></div><input type="submit" class="hs-button" value="REQUEST DEMO"/></div>
</form></div></span></div></div></div><div class="col-lg-6"><div class="logo-wrapper"><div class="trusted-by-title"><h2><strong>15,000 businesses</strong> of all sizes trust Hellopeter</h2></div>
<div class="logos-wrapper"><div class="logo-box-popup"><a><img src="/site/img/Image%20385.webp" alt="Image 385"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/lodmutual.png" alt="lodmutual"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/FNB-Logo.png" alt="FNB-Logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/miway-logo.png" alt="miway-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Image%20387.webp" alt="Image 387"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/pick-n-play-2x.png" alt="pick-n-play@2x"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/ikhokha_logo_small.jpg" alt="ikhokha_logo_small"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Image%20390.png" alt="Image 390"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/execumove_logo_trans-logo.png" alt="execumove_logo_trans-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/1280px-Coca-Cola_logo.svg.png" alt="1280px-Coca-Cola_logo.svg"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/affinity%20health.png" alt="affinity health"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Howler-Logo-Gradient-2.png" alt="Howler-Logo-Gradient-2"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/logo_yoco-2x.webp" alt="logo_yoco@2x"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/fancycars.png" alt="fancycars"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/outsurance%20-1-.png" alt="outsurance (1)"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/hostafrica-logo.png" alt="hostafrica-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/pineapple-logo-smaller.png" alt="pineapple-logo-smaller"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/naked-insurance-logo-small.jpg" alt="naked-insurance-logo-small"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/national%20debt%20advisors.png" alt="national debt advisors"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Isabella-Garcia.png" alt="Isabella-Garcia"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Drone-world-logo.jpg" alt="Drone-world-logo"/></a></div>
</div></div></div></div></div></div></div></div></div></template><script>
	customElements.define(
		'custom-dialog',
		class extends HTMLElement {
			constructor() {
				super();
				// --- CONSTANTS ---
				this.PARAM_NAME = 'reqDemoSuccess';
				this.COOKIE_NAME = 'reqDemoSubmitted';
				this.zf_MandArray = ['SingleLine', 'SingleLine1', 'SingleLine2', 'SingleLine3', 'Email', 'PhoneNumber_countrycode'];
				this.zf_FieldArray = ['SingleLine', 'SingleLine1', 'SingleLine2', 'SingleLine3', 'Email', 'PhoneNumber_countrycode'];

				// Regex Setup
				const regexArray = this.zf_SetDateAndMonthRegexBasedOnDateFormate('dd-MMM-yyyy');
				this.zf_DateRegex = new RegExp(regexArray[0]);
				this.zf_MonthYearRegex = new RegExp(regexArray[1]);
			}

			connectedCallback() {
				const shadow = this.attachShadow({ mode: 'open' });
				shadow.appendChild(tmpl.content.cloneNode(true));
				this.shadow = shadow; // Store reference for methods to use

				// 1. Logic: URL Params & Cookies (Replaces $(document).ready)
				this.checkUrlAndCookies();

				// 2. Logic: Modal Open/Close
				this.setupModalEvents();

				// 3. Logic: Form Submission
				const form = shadow.getElementById('zohoForm');
				if (form) {
					form.addEventListener('submit', (e) => {
						// 1. Validation Logic
						if (!this.zf_ValidateAndSubmit()) {
							// If invalid, STOP everything.
							e.preventDefault();
						} else {
							// 2. If valid, do NOTHING here.
							// Let the browser proceed with the standard form submission
							// to the 'action' URL you just added.
							console.log('Valid. Submitting to Zoho...');
						}
					});
				}
			}

			// --- HELPER METHODS ---

			setupModalEvents() {
				const openBtn = this.shadow.getElementById('open-btn');
				const closeBtn = this.shadow.getElementById('close-btn');
				const modal = this.shadow.getElementById('popup-content');
				const backdrop = this.shadow.getElementById('custom-backdrop');

				const toggle = (show) => {
					const action = show ? 'add' : 'remove';
					modal.classList[action]('show');
					backdrop.classList[action]('show');
					document.body.style.overflow = show ? 'hidden' : '';
				};

				if (openBtn)
					openBtn.addEventListener('click', (e) => {
						e.preventDefault();
						toggle(true);
					});
				if (closeBtn) closeBtn.addEventListener('click', () => toggle(false));

				// Auto-open if success param was found (handled in checkUrlAndCookies)
				this.openModal = () => toggle(true);
			}

			checkUrlAndCookies() {
				const currentUrl = new URL(window.location.href);
				const hasParam = currentUrl.searchParams.has(this.PARAM_NAME);
				const hasCookie = this.getCookie(this.COOKIE_NAME);

				const form = this.shadow.getElementById('zohoForm');
				const thankYouContainer = this.shadow.getElementById('formThankYou');

				if (hasParam && hasCookie) {
					if (form) form.style.display = 'none';
					if (thankYouContainer) thankYouContainer.style.display = 'block';
					// Delay slightly to ensure DOM is ready
					setTimeout(() => this.openModal(), 100);
				}

				if (hasParam) {
					currentUrl.searchParams.delete(this.PARAM_NAME);
					window.history.replaceState(null, null, currentUrl);
				}

				if (hasCookie) {
					this.deleteCookie(this.COOKIE_NAME);
				}
			}

			// --- VALIDATION LOGIC (Refactored for Shadow DOM) ---

			zf_ValidateAndSubmit() {
				if (this.zf_CheckMandatory()) {
					if (this.zf_ValidCheck()) {
						// Validation passed - Logic for success
						const currentUrl = new URL(window.location.href);
						currentUrl.searchParams.append(this.PARAM_NAME, 'true');

						const redirectInput = this.shadow.querySelector('input[name="zf_redirect_url"]');
						if (redirectInput) redirectInput.value = currentUrl.toString();

						this.setCookie(this.COOKIE_NAME, 'true', 5);
						return true;
					}
				}
				return false;
			}

			zf_CheckMandatory() {
				for (let i = 0; i < this.zf_MandArray.length; i++) {
					const name = this.zf_MandArray[i];
					// CRITICAL: Look in Shadow DOM
					const fieldObj = this.shadow.querySelector(`[name="${name}"]`);

					if (fieldObj) {
						if (fieldObj.tagName === 'SELECT') {
							if (fieldObj.value === '-Select-') {
								fieldObj.focus();
								this.zf_ShowErrorMsg(name);
								return false;
							}
						} else if (fieldObj.type === 'checkbox' || fieldObj.type === 'radio') {
							// Checkbox logic omitted for brevity but follows same pattern
						} else {
							// Text inputs
							if (fieldObj.value.trim().length === 0) {
								fieldObj.focus();
								this.zf_ShowErrorMsg(name);
								return false;
							}
						}
					}
				}
				return true;
			}

			zf_ValidCheck() {
				let isValid = true;
				for (let ind = 0; ind < this.zf_FieldArray.length; ind++) {
					const name = this.zf_FieldArray[ind];
					const fieldObj = this.shadow.querySelector(`[name="${name}"]`);

					if (fieldObj) {
						const checkType = fieldObj.getAttribute('checktype');

						if (checkType === 'c5') {
							// Email
							if (!this.zf_ValidateEmailID(fieldObj)) {
								this.zf_ShowErrorMsg(name);
								isValid = false;
								return false; // Fail fast
							}
						} else if (checkType === 'c7') {
							// Phone
							if (!this.zf_ValidatePhone(fieldObj)) {
								this.zf_ShowErrorMsg(name);
								isValid = false;
								return false;
							}
						}
						// Add other types (c2, c3, c4...) here as needed
					}
				}
				return isValid;
			}

			zf_ShowErrorMsg(uniqName) {
				// Hide all errors first
				this.zf_FieldArray.forEach((name) => {
					const err = this.shadow.getElementById(name + '_error');
					if (err) err.style.display = 'none';
				});
				// Show specific error
				const targetErr = this.shadow.getElementById(uniqName + '_error');
				if (targetErr) targetErr.style.display = 'block';
			}

			zf_ValidateEmailID(elem) {
				const emailValue = elem.value;
				if (!emailValue) return true;
				const emailExp = /^[\w]([\w\-.+&'/]*)@([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,22}$/;
				return emailExp.test(emailValue.trim());
			}

			zf_ValidatePhone(inpElem) {
				// Simplified Phone Regex Logic from your script
				const ZFPhoneRegex = {
					PHONE_INTE_ALL_REG: /^[+]{0,1}[()0-9-. ]+$/,
					PHONE_CONT_CODE_REG: /^[+][0-9]{1,4}$/,
				};
				const fieldInpVal = inpElem.value.trim();
				if (!fieldInpVal) return true;

				// Logic matching your script's phoneFormat=1
				// (Assumed standard config)
				return ZFPhoneRegex.PHONE_INTE_ALL_REG.test(fieldInpVal);
			}

			// --- UTILS (Cookies/Regex) ---

			setCookie(name, value, minutes) {
				let date = new Date();
				date.setTime(date.getTime() + minutes * 60 * 1000);
				let expires = '; expires=' + date.toUTCString();
				document.cookie = name + '=' + (encodeURIComponent(value) || '') + expires + '; path=/';
			}

			getCookie(name) {
				var value = '; ' + document.cookie;
				var parts = value.split('; ' + name + '=');
				if (parts.length === 2) return parts.pop().split(';').shift();
				return null;
			}

			deleteCookie(name) {
				document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
			}

			zf_SetDateAndMonthRegexBasedOnDateFormate(dateFormat) {
				// Your original huge regex logic condensed
				if (dateFormat === 'dd-MMM-yyyy') {
					return [
						'^(([0][1-9])|([1-2][0-9])|([3][0-1]))[-](Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)[-](?:(?:19|20)[0-9]{2})$',
						'^(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)[-](?:(?:19|20)[0-9]{2})$',
					];
				}
				return [];
			}
		}
	);
</script><custom-dialog/></div>
</div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 23 Dec 2025 09:58:01 +0000</pubDate></item></channel></rss>