<?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/customer-feedback/feed" rel="self" type="application/rss+xml"/><title>Hellopeter Business - Learn, understand, grow your business with online reviews #Customer Feedback</title><description>Hellopeter Business - Learn, understand, grow your business with online reviews #Customer Feedback</description><link>https://biz.hellopeter.com/blogs/tag/customer-feedback</link><lastBuildDate>Mon, 30 Mar 2026 23:12:38 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[Cape Removals shows off their above-and-beyond Service and Social Proof]]></title><link>https://biz.hellopeter.com/blogs/post/cape-removals-shows-off-their-above-and-beyond-service-and-social-proof</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/Artboard 1.webp"/>This blog highlights how customer reviews and feedback impact brand credibility and buying decisions, and explains why actively managing and responding to reviews is essential for improving customer experience and building long-term trust.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Artboard%201.webp" size="fit" alt="Cape Removals shows off their above-and-beyond service and social proof" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Company</strong></span></h2></div>
<div data-element-id="elm_jyONK-1dV1MWHMyYsxko7Q" 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><p>Cape Removals is a South African furniture removal company based in Cape Town that has dedicated teams providing&nbsp;<a href="https://www.caperemovals.co.za/local-removals.html" rel="noopener" target="_blank"></a>Local Removal Service throughout The Western Cape, <span style="color:rgb(38, 53, 131);">Storage, Packing &amp; Packing Material</span> as well as <a href="https://www.caperemovals.co.za/national-moving-companies-in-south-africa.html" rel="noopener" target="_blank" style="color:rgb(38, 53, 131);">Weekly National Removal Service</a> to all SA cities.&nbsp;</p><br/></div><div><span><span>They also offer a dedicated removal Consultant that will be allocated to help with your small to large removal requirements from start to finish.</span></span><br/></div><p></p></div>
</div><div data-element-id="elm_-2RFgnPsp0R3XnD8mxtpiQ" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_hJ3bWsuIjX25woLTOjYiog" 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><p></p><div><p>Moving home is one of the top four most stressful occurrences that can happen to any person or family in their lifetime. It’s disruptive, chaotic and requires serious planning and adjustments to facilitate. We’re often exposed to clients who’re in a very stressful environment as a result of all the chaos that goes with moving. The variety of our competition is also a major factor. Cape Removals plays in one of the most competitive industries against well known, established companies that have been around for close to a hundred years.&nbsp;</p><p><br/></p><p>Another competing influence is that the furniture removal Industry also offers a financially cheap point of entry for any entrepreneur or owner of a truck or bakkie. It doesn't take a huge capital investment to start within operating within this space which means an increased volume of competitors and pricing fluctuations. This scenario gives us a wide spectrum of competitors where we have to compete against a small man and van scenario with very little overheads and who are mostly unproven on the one side, and then on the other side, we need to compete against the more established big removal companies whose brands and footprints have been nurtured over a long period of time.</p></div><p></p></div><p></p></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_PbLg7J0Wrh5mnCz-MzUJjQ" 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><p></p><div><p>All good things stand the test of time! Quality, efficiency, and focus on real service delivery is our adopted philosophy. Everyone in our business applies this mindset and we continue to challenge ourselves and aspire to make our clients happy.&nbsp;</p><p><br/></p><p>The results of this attitude can be very slow, as clients generally only move home every three years on average, and our good work can be forgotten. This is where we have enjoyed our relationship with the Hellopeter Platform, where it helps interpret our intentions of providing good quality service delivery in real-time.</p></div><p></p></div><p></p></div>
</div><div data-element-id="elm_RGu9QicwvRxxQFIlP1qoaw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_RGu9QicwvRxxQFIlP1qoaw"] .zpimage-container figure img { width: 1310px ; height: 786.40px ; } } </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-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-roundcorner zpimage-space-none " src="/Cape%20Removals%20in%20blog.webp" size="fit" alt="Cape Removals shows off their above-and-beyond service and social proof" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_pd5XlTsZt5Qs2MmAvNXv6g" 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></p><div><p>Hellopeter has helped us realise many of our objectives, and we’ve since established ourselves as a leading furniture removal company in South Africa.&nbsp;</p><p><br/></p><p>Hellopeter is a trusted reference point for potential clients to confirm the legitimacy of our company, and to see if we’ll meet their service expectations to help them relocate their homes safely and with minimal duress.</p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 14:28:34 +0000</pubDate></item><item><title><![CDATA[How Comet Projects increased their sales by 120%]]></title><link>https://biz.hellopeter.com/blogs/post/how-comet-projects-increased-their-sales-by-120</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/Header-3.webp"/>This blog explores how customer reviews and feedback influence brand perception and customer trust, and explains how businesses can use review insights to improve customer experience and strengthen their online reputation.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Header-3.webp" size="fit" alt="How Comet Projects increased their sales by 120%" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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"><br/></h2></div>
<div data-element-id="elm_Nsn8GCl8N2EZib2bNz7UkA" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_hJ3bWsuIjX25woLTOjYiog" 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><p>As a small business and new name in the fibre industry, with so much competition in the market, what better Platform to use than Hellopeter. The team has been amazing to work with on our journey in growing our business.&nbsp;</p><img src="/Mon%20Dec%2029%202025-7.png"/><p>This was a good move in creating credibility with our customers and having brand awareness at the same time. Marketing and advertising can be very pricey and using the wrong company can make or break a brand.</p></div><p></p></div>
</div><div data-element-id="elm_biz-D371qwEabvkiPnb11w" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_biz-D371qwEabvkiPnb11w"] .zpimage-container figure img { width: 663px !important ; height: 398px !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="/In-Blog%20image.webp" size="original" alt="How Comet Projects increased their sales by 120%" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_PbLg7J0Wrh5mnCz-MzUJjQ" 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><p>Hellopeter allowed Comet Projects customers the opportunity to give feedback on their experience. It’s refreshing to hear good news compared to only hearing about bad experiences and we pride ourselves at Comet Projects in creating a good customer experience and after-sales service. This helps give us a competitive edge in the market.</p></div><p></p></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_pd5XlTsZt5Qs2MmAvNXv6g" 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>The best part about this whole process has been our ability to use our customer reviews (from a trusted platform like Hellopeter) as social proof for new customers. We’ve had our best month in July with an <strong>increase in sales of 120%</strong> due to our reviews and our 5-star rating on Hellopeter!</span></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 14:22:43 +0000</pubDate></item><item><title><![CDATA[How Adrian Jessop Discovery Advisor uses Hellopeter as a Resource]]></title><link>https://biz.hellopeter.com/blogs/post/how-adrian-jessop-discovery-advisor-uses-hellopeter-as-a-resource</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/Artboard 2-2.webp"/>This blog explains how customer reviews and feedback play a critical role in shaping brand reputation, and shows how businesses can build trust and improve customer experience by managing and responding to reviews consistently and transparently.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Artboard%202-2.webp" size="fit" alt="How Adrian Jessop Discovery Advisor uses Hellopeter as a resource" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_GSNiv4rhGyXNc3tHox1l3g" 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><img src="/Mon%20Dec%2029%202025-6.png"/>The challenge was being able to showcase some of the great experiences that our clients and friends have, and to be able to show that the overwhelming majority of matters are happily resolved. And that one’s Health, Vitality, Life insurance, Investments, Car and Home Insurance, and Business Insurance can be an easy, pleasant and satisfying experience.</div><div><br/><p>We also wanted to showcase our Insurer, Discovery are striving to be the best insurer in the world by 2023. We’re actively looking for ways to partner with Discovery on brand, operational efficiencies, technology investments, product innovation, and distribution excellence.</p><p><br/></p><p>Discovery has been a wonderful partner, and we seek to find new ways to celebrate this. As well as to celebrate our client's successes. However, we also want to be the First-To-Know if something goes wrong for clients. So that we and Discovery can make it right. And that’s also a great reason to engage with Hellopeter. We get to hear from our clients the moment they comment. The experience with Hellopeter has been fantastic.</p></div><p></p></div>
</div><div data-element-id="elm_C_7wC_6qlOHeXRLa-4E9Ww" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_C_7wC_6qlOHeXRLa-4E9Ww"] .zpimage-container figure img { width: 1310px ; height: 786.40px ; } } </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-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-roundcorner zpimage-space-none " src="/Adrian%20Jessop%20Discovery%20Advisor%20in%20blog-1.webp" size="fit" alt="How Adrian Jessop Discovery Advisor uses Hellopeter as a resource" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_0TzkHW8Cg25D91gWFsrJtg" 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><blockquote><p><em>Hellopeter has been a wonderful business partner. They’ve made every effort to proactively reach out to me as a business, to educate me about consumer behaviour, to give me insights into markets that I wasn’t totally aware of, and to give me the skills to engage in a new way.</em></p><p><em><br/></em></p></blockquote><p>Their technology is world-class, their websites are easy to use and totally intuitive. They have a massive reach and have wonderful acceptance in the market, and they’ve been able to share some of that success with me.</p><p><br/></p><p>The professionals they employ are really a resource in my business, and they’ve been willing to engage me and the issues that I face. They’ve trained me at their cost, given me Zoom lessons and Webinars, and come up with great training material. I really am humbled that they’ve made such an effort, and I appreciate that.</p></div><p></p></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_AJIzXFRQxbTvgQC_QcTCSA" 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><p>In very little time we were able to implement their ideas and see a positive feedback loop. Our friends and clients have responded well, and have had honest, interesting things to say. It has not all been easy for me to read, but it’s all been very useful, and the whole process has been very rewarding. It’s quite affirming to see my rankings improving, and while it has not generated leads yet, it has allowed me to refer some prospective clients to examine my credentials before doing business.</p><p><br/></p><p>Another result I’m looking forward to will be integrating Hellopeter into my websites, and Facebook. I used to be scared of Hellopeter. Now, I look forward to hearing my clients and friends heartfelt opinions and am happy to engage on the Platform.</p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 14:17:01 +0000</pubDate></item><item><title><![CDATA[How Naked challenged the insurance industry]]></title><link>https://biz.hellopeter.com/blogs/post/how-naked-challenged-the-insurance-industry</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/Header-2.webp"/>This blog highlights how effective review management helps businesses respond to customer feedback, improve service quality, and build trust by maintaining a transparent and credible online reputation.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Header-2.webp" size="fit" alt="How Naked challenged the insurance industry" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p><a href="https://www.hostafrica.co.za/"></a></p><div><p><span></span></p><span>Naked is the new way to insure your stuff - South Africa’s first AI-native insurance provider offering comprehensive cover for your car, home, contents and single items. <br/><br/>Naked offers a fully digital, artificial intelligence (AI)-driven platform that gives users a faster, fairer and more flexible insurance experience. It’s fully automated systems – free from legacy technology and infrastructure – give customers unprecedented control over their insurance and result in significant premium savings. The business is called “Naked” because it brings new levels of transparency to insurance – no hidden fees, no hidden agendas. <br/><br/>The goal is to change insurance for the better by providing instant, <a href="https://www.naked.insure/blog/insurenaked/the-non-discount-all-discount-insurance-really" rel="noopener" target="_blank">honest insurance at game-changing prices</a>. From quoting to claiming to generating a proof of insurance letter, the Naked app empowers users to control their insurance policy without needing to speak to a call centre. Users can get a final insurance quote in 90 seconds and sign up for cover in less than three minutes on the app, guided by the friendly chatbot, Rose. With the Cover Pause feature, <a href="https://www.naked.insure/blog/insurenaked/do-i-need-insurance-when-im-not-driving-my-car" rel="noopener" target="_blank">users can pause their accident cover with one click if their car won’t be used for a day or more</a> – instantly reducing the premium by about 50% for that time.<br/><br/>Unlike conventional insurers, Naked takes a fixed portion of premiums to run the business, with the balance going into a pool to cover claims. At the end of each year, money left over in the claims pool goes to charities nominated by clients rather than towards company profits. This means that Naked’s income doesn’t depend on whether or not claims are paid and <a href="https://www.naked.insure/blog/insurenaked/insurance-designed-for-the-imperfect-human" rel="noopener" target="_blank">keeps Naked honest and unconflicted</a> when assessing claims. <br/><br/>Naked is the 2019 winner of the MTN Business App of the Year Award as well as the 2019 winner in the Best Financial Solution category.</span><p><span></span></p></div><p></p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p></p><div><p></p><div><p>Naked launched in April 2018 as an underdog in a well-established, contested market. The insurance industry in South Africa is a complex industry to enter as it’s saturated with old-school corporate companies. Traditional insurance companies in South Africa also have huge advertising budgets and are able to easily spend large amounts of money on traditional advertising.&nbsp;</p><ul><li>Switching insurance is often an admin-heavy, laborious task and most people are overwhelmed by the sales pitches and advertising from insurers. Reading peer reviews is a way to simplify the research process. Users can get honest feedback from other people who have used the service instead of relying on well-crafted sales pitches</li><li>Insurance is often seen as a grudge purchase, and people want to know they can trust the company taking their money. They want reassurance that their claims will be paid&nbsp;</li><li>Naked can establish a credible reputation by having several positive Hellopeter reviews from people who actually use Naked</li><li>Hellopeter allows Naked to refer potential clients in the process of buying insurance, but are unsure whether to trust a new insurtech, to Hellopeter to read about other people’s positive experiences</li><li>Users need to read about Naked and believe it’s a credible, growing insurtech they can trust and that they need to experience</li></ul></div><blockquote><span><em><span></span></em></span></blockquote></div><p></p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_itpNCoif8jBuL3WGMm4bag" 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><p></p><div><p></p><div><p></p><div><p></p><div><ul><li>Naked gathers honest feedback where clients can say exactly what they think about Naked. It’s important to embrace the positive and negative reviews</li><li>Naked works to engage with clients by replying to reviews quickly to make users feel valued and appreciated</li><li>Whenever someone leaves a negative review, Naked aims to resolve the issue (if it hasn’t been yet) and clarify what happened. This also links to their value of transparency so potential new clients can see exactly what happened</li><li>Replying to users on Hellopeter allows Naked to establish a (personal) connection with clients</li></ul></div><p></p></div><blockquote><p><span><em></em></span></p></blockquote></div><p></p></div><blockquote><p></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_D15IiTncbGRntHjArIViaw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_D15IiTncbGRntHjArIViaw"] .zpimage-container figure img { width: 1310px ; height: 786.82px ; } } </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-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-roundcorner zpimage-space-none " src="/In%20blog%20image%20NAKED.webp" size="fit" alt="How Naked challenged the insurance industry" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><div><p></p><div><p></p><div><p>Despite all of the barriers to entry, Naked has entered the insurance industry in&nbsp; South Africa and quickly became a trusted, credible and talked about brand. Part of this is thanks to Hellopeter!</p><ul><li>Hellopeter helped Naked gain trust from existing and potential clients</li><li>Naked gained authentic customer insights to improve their offering</li><li>Naked is able to conduct customer research to find out what clients love most about the experience and highlight any recurring issues</li><li>Naked established a strong positive brand presence amongst several other well-known insurers on Hellopeter</li></ul></div><div><p></p></div><p></p></div><p></p></div><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 14:10:11 +0000</pubDate></item><item><title><![CDATA[How O-YES Properties rose to number one]]></title><link>https://biz.hellopeter.com/blogs/post/how-o-yes-properties-rose-to-number-one</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/Header-1.webp"/>This blog explains how businesses can use customer reviews and feedback to identify service gaps, improve customer experience, and strengthen brand reputation by engaging proactively and responding transparently to customer concerns.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 948px !important ; height: 533px !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="/Header-1.webp" size="original" alt="How O-YES Properties rose to number one" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p><a href="https://www.hostafrica.co.za/"></a></p><div><p><span>We’re a family-run, future-focused business, coming out of 17 successful years of running two Real Estate Franchised offices. We care about our agents and our clients, and view them as our extended family.&nbsp;</span></p><img src="/Mon%20Dec%2029%202025-5.png"/><p><span>Our aim is to build long-lasting property relationships with every one of them.</span></p></div><p></p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p></p><div><p>Our main challenge was to turn what most people perceive as a negative into a positive. O-YES Properties has always pushed our agents to deliver the best customer service they can. We’ve received many testimonials over the years from clients raving about the service they’ve received from our agents and staff. We wondered how we could get this message out into the marketplace other than our own website and Facebook page.</p><p><br/></p><p><span>The thought process was that most people perceive Hellopeter to be a negative platform, but what if we could be the best ranked Real Estate Agency on Hellopeter? This would show the service we’re delivering is actually being recognised on an independent forum.&nbsp;</span></p><p><span><br/></span></p><blockquote><span><em><span>Most South Africans are aware of and know of Hellopeter, so to be able to have good reviews on a site like this shows that we are bucking the trend of most Real Estate agencies.</span></em></span></blockquote></div><p></p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_itpNCoif8jBuL3WGMm4bag" 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><p></p><div><p></p><div><p></p><div><p>We continued to ask our clients for their feedback and continued to reward our agents who were delivering excellent customer service. We‘ve always been a driven and future-focused company and knew this was a long term goal. This was part of our culture and strategy and if we could deliver this level of service, our clients would tell others, and our brand and our agent's business will grow.&nbsp;</p><p><br/></p><p>The Hellopeter Platform gives you access to work with your clients easily, to ask for feedback and due to its established brand, clients are happy and willing to respond. The system is simple to use, and the custom fields allow you to personalise your business page to your brand.</p></div><blockquote><p><span><em></em></span></p></blockquote></div><p></p></div><blockquote><p></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_D15IiTncbGRntHjArIViaw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_D15IiTncbGRntHjArIViaw"] .zpimage-container figure img { width: 1310px ; height: 786.82px ; } } </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-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-roundcorner zpimage-space-none " src="/o-yes%20properties%20blog_image-07-07.png" size="fit" alt="How O-YES Properties rose to number one" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><div><p></p><div><p>We saw ourselves climbing up the rankings in Hellopeter fast, and in May 2020 we moved to the #1 Ranked agency in the Real Estate sector on Hellopeter!</p><p>&nbsp; <br/></p><div><p>This was a fabulous achievement for us all, and during lockdown it was the perfect timing to give all of our agents and staff a well-earned boost and a positive story amongst all of the negative news around the COVID-19 Pandemic.</p><p><br/></p><p>We’ve continued our strategy and our agents are able to prove to their future clients the service they advertise is of a high standard, by directing people to check them out on Hellopeter to see the independent client reviews.&nbsp;</p><p><br/></p><p>From a company point of view, we’re able to harness this achievement in social media marketing campaigns, on our website and in e-mail campaigns. We’ve seen a marked change via Google Analytics on how people are finding our brand and business.&nbsp;</p><p><br/></p><p>The culture in our business continues to thrive and our agents are holding themselves accountable to always deliver their best and uphold our O-YES brand and achievement.</p></div><p></p></div><p></p></div><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 14:05:01 +0000</pubDate></item><item><title><![CDATA[How HOSTAFRICA earned their number one spot in the ISP industry]]></title><link>https://biz.hellopeter.com/blogs/post/how-hostafrica-earned-their-number-one-spot-in-the-isp-industry</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/HOSTAFRICA HEADER.webp"/>This blog explores how businesses can use customer reviews and feedback to improve customer experience, strengthen brand reputation, and build trust by responding consistently and transparently to customer concerns.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/HOSTAFRICA%20HEADER.webp" size="fit" alt="How HOSTAFRICA earned their number one spot in the ISP industry" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p><a href="https://www.hostafrica.co.za/">HOSTAFRICA</a> was founded with the purpose of providing South Africans with top-quality cloud solutions and web hosting services. Too often South African companies amass customers and neglect to care for them once payment is received.&nbsp;</p><img src="/Mon%20Dec%2029%202025-4.png"/><p>We decided to be the hosting company to provide our customers with world-class support. We at HOSTAFRICA know we provide the best service in South Africa, and our customers know it too. However, if a company’s public reputation doesn’t emanate that, it may as well not be true. Their online presence and brand reputation are vital.</p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p>We’re a small company and didn’t have the resources to spend on costly advertising to pay for a trustworthy reputation. Instead, we needed to utilise that which we already invest time, money and effort into daily: <strong>providing outstanding service</strong>.&nbsp;</p><p><br/></p><p>If we could let our excellent performance speak for itself and our customers spread the word, then we could get the exposure we needed to reach potential customers.</p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_itpNCoif8jBuL3WGMm4bag" 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><p></p><div><p></p><div><p>Hellopeter is the largest, most trustworthy review platform in South Africa. It gives all companies a fair, fighting chance to prove their integrity, and gives customers a voice to be heard by everyone, including potential customers.&nbsp;</p><p><br/></p><p>Hellopeter gave us the opportunity to build a trustworthy reputation online from the ground up through dedication to each and every customer. </p><blockquote><p><span><em>We put in the hours and worked for years, treating customers with the highest regard; and our customers rewarded us for it by sharing their experiences on Hellopeter.</em></span></p></blockquote></div><p></p></div><blockquote><p></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_duwVSDab6-Iwvy_TtulISQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_duwVSDab6-Iwvy_TtulISQ"] .zpimage-container figure img { width: 1310px ; height: 741.79px ; } } </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-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-roundcorner zpimage-space-none " src="/Host%20Africa.webp" size="fit" alt="How HOSTAFRICA earned their number one spot in the ISP industry" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><div><p>We have earned the #1 spot in the ISP industry and built a trustworthy reputation online. Our public presence has expanded exponentially. Most of our searches online are brand name searches, meaning they are looking for us directly. <strong>Our brand name is now our biggest marketer thanks to word-of-mouth.</strong></p><p><strong><br/></strong></p><p>Furthermore, we know even a single bad review could deter a potential customer, so customer reviews hold us accountable whenever we fall short of our standard and push us to constantly be better, as well as give us the opportunity to make things right with customers we let down. This benefits everyone involved.</p></div><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 13:57:23 +0000</pubDate></item><item><title><![CDATA[How We Buy Cars uses Hellopeter to gain invaluable insights]]></title><link>https://biz.hellopeter.com/blogs/post/how-we-buy-cars-uses-hellopeter-to-gain-invaluable-insights</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/We-Buy-Cars-Blog-Main.webp"/>This blog explains how businesses can use customer reviews and feedback to understand customer expectations, improve service quality, and build trust by actively managing and responding to online reviews.]]></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_shbQ7imm4SZYc2w_Br4VeA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_shbQ7imm4SZYc2w_Br4VeA"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/We-Buy-Cars-Blog-Main.webp" size="fit" alt="How We Buy Cars uses Hellopeter to gain invaluable insights" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p><strong>Industry: </strong>Automotive</p><p><strong>Headquarters: </strong>Centurion, South Africa</p><p><strong>Result: </strong>Insights and troubleshooting</p><p><img src="/Mon%20Dec%2029%202025-3.png"/></p><p>One of the benefits of online reviews – both positive and negative – is that they provide you with authentic feedback from your consumers. Instead of hoping that your products and services are up to par, online reviews provide you with specific feedback about the things you’re doing well, and the areas that require your attention and improvement.</p><p><br/></p><p>One business that uses Hellopeter to their advantage is <a href="https://webuycars.co.za/" target="_blank" rel="noopener">We Buy Cars</a>. They use our platform to extract insights into their customer base, and as a result, they’re constantly moving their business forward.&nbsp;</p><p><br/></p><p>By embracing both positive and negative reviews, Hellopeter has become a valuable market research and insight tool for them.</p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_BH1fAxGrremOqSENCLeOTw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_BH1fAxGrremOqSENCLeOTw"] .zpimage-container figure img { width: 1310px ; height: 824.43px ; } } </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-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-roundcorner zpimage-space-none " src="/We-buy-cars-casestudy-04-5.webp" size="fit" alt="How We Buy Cars uses Hellopeter to gain invaluable insights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong><span><strong>We Buy Cars uses Hellopeter to measure customer sentiment and ensure that they’re meeting and exceeding expectations</strong></span></strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p>Dirk Van Der Walt, Director of We Buy Cars says, “<em>By looking at the common themes of review patterns, as well as the frequency and rate at which they’re posted, we have an accurate gauge of how our customers perceive us</em>”.&nbsp;</p><p><br/></p><p>As well as using the Platform as a market research tool, We Buy Cars also uses it to connect with their consumers and keep abreast of any issues or complaints, allowing them to identify and rectify them as soon as possible.&nbsp;</p><p><br/></p><p>In addition, by collecting online reviews on Hellopeter, We Buy Cars provides potential consumers with authentic and transparent information about their business – two qualities highly valued by today’s shoppers.</p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;"><span><strong>Instead of shying away from negative reviews, We Buy Cars considers them as a source of invaluable information</strong></span></span></h2></div>
<div data-element-id="elm_itpNCoif8jBuL3WGMm4bag" 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><p></p><div><p></p><div><p>“<em>Rather than ignoring negative reviews, we use them to improve our business</em>,” says Van Der Walt.&nbsp; Information gleaned from negative reviews helped We Buy Cars improve their processes when they noticed complaints about staff who were slow to follow up with their clients.&nbsp;</p><p><br/></p><p>The business deals with high volumes of consumers daily, which means delayed responses can occur from time to time. Thanks to their online reviews on Hellopeter, they were able to identify and address the issue.&nbsp;</p><p><br/></p><p>Without this feedback, We Buy Cars would have been oblivious to the fact, and their business may have suffered as a result.</p></div><p></p></div><blockquote><p></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_duwVSDab6-Iwvy_TtulISQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_duwVSDab6-Iwvy_TtulISQ"] .zpimage-container figure img { width: 1310px ; height: 741.79px ; } } </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-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-roundcorner zpimage-space-none " src="/We-buy-cars-casestudy-03-3.webp" size="fit" alt="How We Buy Cars uses Hellopeter to gain invaluable insights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;"><span><strong>Another issue that became clear from We Buys Cars’ online reviews was confusion about the new Consumer Protection Act</strong></span></span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><span>Many consumers had expressed concern over how the new Consumer Protection Act (CPA) affects them – including We Buy Cars customers. After noticing that there were several reviews where consumers expressed their concern, the business was able to mitigate against further confusion by installing noticeable plaques at the entrances to all of their premises, which explained how their sales agreements mesh with the new CPA. As a result, We Buy Cars was able to ensure that customer expectations were managed from the get-go.</span><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_F3kd-GR5BaRvUoUoibrW3Q" 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;"><strong>Positive online reviews about a super-star staff member enabled We Buy Cars to up their sales game across the board</strong></span></h2></div>
<div data-element-id="elm_pgGRtp7MiEJB4fUL9yjYYg" 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><p>It’s not only negative reviews that contain vital feedback: positive reviews have also helped We Buy Cars to pinpoint their strengths. Says Van Der Walt, “<em>One salesperson was receiving so many compliments, we studied his way of doing things and got others to follow suit</em>.”</p><p><br/></p><p>By keeping an eye on all of their reviews, We Buy Cars is able to continuously monitor their performance through the eyes of their consumers, and as a result, improve it.&nbsp;</p><p>When their customers speak up, We Buy Cars listens – an approach that has made them synonymous with great customer service, and has them as one of the stand out brands on Hellopeter.</p><p><br/></p><p>Reviews on Hellopeter have <strong>helped over one million consumers</strong> make better choices. Had an experience you’d like to tell us about? <a href="https://www.hellopeter.com/login" target="_blank" rel="noopener">Leave us a review here.</a></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 13:51:03 +0000</pubDate></item><item><title><![CDATA[King Price: How reviews result in an increase in lead generation]]></title><link>https://biz.hellopeter.com/blogs/post/king-price-how-reviews-result-in-an-increase-in-lead-generation</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/KingPrice-Blog-Main.webp"/>This blog highlights how customer reviews and feedback influence trust and purchasing decisions, and explains why managing reviews effectively is essential for improving customer experience and protecting brand reputation.]]></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_I26DgguzgqwlDX5JJCCm-A" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_I26DgguzgqwlDX5JJCCm-A"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/KingPrice-Blog-Main.webp" size="fit" alt="King Price: How reviews result in an increase in lead generation" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p></p><div><p><strong>Industry:</strong> Insurance</p><p><strong>Headquarters:</strong> Pretoria, South Africa</p><p><strong>Result:</strong> 14% increase in lead generation</p></div><p></p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_bYUGOSNFtYg5D9cve6CwDA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_bYUGOSNFtYg5D9cve6CwDA"] .zpimage-container figure img { width: 1310px ; height: 688.19px ; } } </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-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-roundcorner zpimage-space-none " src="/King-Price-Results.webp" size="fit" alt="King Price: How reviews result in an increase in lead generation" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_gvJcl8Q9tmtMhWOjfGwZdg" 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><p>“Consumers are spending more time reviewing products and service, and this is where credible reviews and testimonials are helping us to build trust with our clients, and with potential clients. We can track the results of our positive reviews as they translate directly into sales and more happy clients.”</p><p><strong>- Johan Barnard, Head of Digital Marketing</strong></p></div><p></p></div>
</div><div data-element-id="elm_G5RNG5pOGoGEWK30YFHmxQ" 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;">The Company</span></h2></div>
<div data-element-id="elm_Js4L7acV2LvXNb6Y19Buyw" 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><p><a href="https://www.kingprice.co.za/" target="_blank" rel="noopener">King Price</a> offers short term insurance products and is best known for its car insurance premiums that decrease monthly. The brainchild of CEO Gideon Galloway, the company model was built in an effort to provide insurance policies the average South African can afford.&nbsp;</p><p><br/></p><p>Galloway’s thinking is that if the value of a car depreciates monthly (and it does!) why should people have to pay the same amount every month to insure it? Galloway wanted to provide South Africans with peace of mind – without the hefty price tag.</p></div><p></p></div>
</div><div data-element-id="elm_ZaSob7dAvRYswu13OHKCcg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_ZaSob7dAvRYswu13OHKCcg"] .zpimage-container figure img { width: 1310px ; height: 1007.83px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-King-Price-casestudy-03-3.webp" size="fit" alt="King Price: How reviews result in an increase in lead generation" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p></p><div><p>The insurance industry is notoriously competitive. With several competitors, all fighting for a piece of the pie, converting web visitors to leads is an ongoing challenge.&nbsp;</p><p>King Price wanted to increase its online lead generation rate to obtain information about its web visitors in an attempt to convert them into clients. They wanted to find an answer to the question: “How can we get more people to fill in the form <i>and </i>request a quote?”</p></div><p></p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_uwIEuS2L1StJapThSBYE-g" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_uwIEuS2L1StJapThSBYE-g"] .zpimage-container figure img { width: 1310px ; height: 1151.05px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-King-Price-casestudy-04-3.webp" size="fit" alt="King Price: How reviews result in an increase in lead generation" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_AW41c7FMQGBDiqkaX-SK8A" 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>Today’s consumers value word-of-mouth above traditional forms of marketing and, in the online space, this takes the form of online reviews. King Price wanted to assess the power of its online reviews from Hellopeter and test whether these had any bearing on their lead generation efforts.</div><div><br/></div><div>Although their original landing page referenced online reviews, they weren’t immediately noticeable, appearing at the bottom of their website. They also didn’t reference a third-party review site – which does add additional trust and credibility to the reviews. King Price created an alternative landing page featuring several easily noticeable online reviews that were all attributed to Hellopeter.&nbsp;</div><div><br/></div><div>The key difference to the original landing page is that the reviews are far more visible as they’re placed further up on the page. In addition, “Hellopeter” appears below each review, which reinforces the fact that the reviews are from legitimate clients, from a third-party platform, and are therefore trustworthy.</div></div><p></p></div>
</div><div data-element-id="elm_ShqO86xsKKvmljyWDWx8jQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_ShqO86xsKKvmljyWDWx8jQ"] .zpimage-container figure img { width: 1310px ; height: 1217.43px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-King-Price-casestudy-05-5.jpg" size="fit" alt="King Price: How reviews result in an increase in lead generation" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><span><strong></strong><div><p>The insurer receives thousands of web visitors every single day, which means that a 14% increase in lead generation equates to a substantial amount of revenue, as well as a decrease in marketing spend per lead acquired.</p><p><br/></p><p>King Price had previously A/B tested alternative versions of their landing forms, using colour and layout variations, but saw the best results when using reviews from Hellopeter. By including its Hellopeter online reviews, King Price was able to build a sense of trust and credibility – which, as evidenced by this success, has a direct, positive impact on revenue.</p><p><br/></p><p>King Price’s success in increasing its lead generation is tangible proof that online reviews foster trust and credibility. Consumers are, understandably, often hesitant to give away their personal information. However, when they’re able to see authentic feedback and interactions from a business’ existing clients, they’re far more likely to engage with the business.</p><p><br/></p><p>Online reviews play a critical role in building a sense of trust in a business, which in turn helps the business to establish relationships with its potential clients.<br/></p></div></span><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 13:39:55 +0000</pubDate></item><item><title><![CDATA[How Discovery Insure uses Hellopeter to foster broad consumer trust and credibility]]></title><link>https://biz.hellopeter.com/blogs/post/how-discovery-insure-uses-hellopeter-to-foster-broad-consumer-trust-and-credibility</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/Discovery-Insure-Blog-Main.webp"/>This blog explains how businesses can use customer reviews and feedback to gain insights, improve customer experience, and strengthen brand reputation by responding proactively and acting on real customer opinions.]]></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_K5QZReYBaVa5FaLrjSmT1Q" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_K5QZReYBaVa5FaLrjSmT1Q"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Discovery-Insure-Blog-Main.webp" size="fit" alt="Discovery Insure uses Hellopeter to foster broad consumer trust and credibility" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_DX4toXdvp2AEaLVvAygybw"].zpelem-text { margin-block-start:55px; } </style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><p></p><div><p>Businesses who prioritise the management of their online reviews reap the rewards – they enjoy higher customer engagement, and in turn, trust and loyalty. And <a href="https://www.discovery.co.za/car-and-home-insurance/car-insurance" target="_blank" rel="noopener">Discovery Insure</a>’s success is testament to this.&nbsp;</p><img src="/Mon%20Dec%2029%202025-2.png"/><p>By <i>humanising</i> what can often be a frustrating experience, the business has achieved a stellar reputation in the insurance space – thanks in large part, to their interactions with consumers on Hellopeter.</p></div><p></p><h3><span style="font-size:16px;font-style:italic;">When it comes to consumer expectations; trustworthiness, credibility and fairness are their most highly valued qualities<br/></span></h3><p></p><div><h3></h3><p>While these characteristics are sought after across all industries, they’re especially important when it comes to insurance. Trustworthiness and credibility in the insurance space are critical: after all, the whole point of paying for insurance is peace of mind.&nbsp;</p><p>While intangible, this sentiment is crucial – consumers need to feel that their assets are in safe hands, and if something should go wrong, their claims will be handled swiftly and fairly.</p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_74UeN5JaBOqJzgjtOrQm9g" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_74UeN5JaBOqJzgjtOrQm9g"] .zpimage-container figure img { width: 1310px ; height: 1029.66px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-Discovery-Insure-casestudy-01-3.webp" size="fit" alt="Discovery Insure uses Hellopeter to foster broad consumer trust and credibility" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong><span>For insurance providers, instilling a sense of trust is paramount to business success</span></strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p>In a fast-paced fintech industry, our business is based on trust and credibility. Hellopeter has been a platform where many generally share negative reviews rather than positive ones, and this in itself is a challenge for any business. <br/><br/>iKhokha decided that part of building brand reputation was to channel the positive impact that Hellopeter could have on our business. Particularly in understanding our customers’ true sentiments.</p><img src="/Mon%20Dec%2029%202025-1.png"/><p>People need people! They need to feel a sense of belonging and security, the decisions they make, whether consciously or subconsciously, are influenced by the choices, opinions, and actions of others. <strong>Social reviews add weight when it comes to indecisive potential customers.&nbsp;</strong></p><p><strong><br/></strong></p><p>There is reassurance in knowing that most people look at reviews prior to entering a contract with a company or before making a purchase, therefore the decision to create Hellopeter awareness became imperative for our business – ultimately, helping many people close the gap of uncertainty.</p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_TCM13GQWfizcOa6CaCHANQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_TCM13GQWfizcOa6CaCHANQ"] .zpimage-container figure img { width: 1310px ; height: 965.03px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-Discovery-Insure-casestudy-02-3-3.webp" size="fit" alt="Discovery Insure uses Hellopeter to foster broad consumer trust and credibility" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;"><span>Discovery Insure is currently one of the top-rated insurance providers on the Hellopeter platform – for good reason</span></span></h2></div>
<div data-element-id="elm_IRnM3M3R3KNjELlokycYUg" 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>They’ve made it a priority to acknowledge and respond to all reviews, and then to escalate any issues that require attention. By actively engaging with their consumers online, they demonstrate they’re listening to their customers, as well as the fact that they’re open to feedback (whether positive or negative). This goes a long way in establishing themselves as an insurer who can be trusted and committed to ensuring the fair treatment of their customers.</span></p></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;"><span>The brand uses Hellopeter as a Tool to engage, and learn about, their customers</span></span></h2></div>
<div data-element-id="elm_x3rE9t2WT8iKJP3C8ng58A" 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><p>Discovery Insure uses Hellopeter as both a way to connect to, and interact with their customers, as well as a means of gathering insight into their customer base, and how they might better serve them.&nbsp;<br/><br/></p><p>By using Hellopeter to better understand consumer sentiment, they’re able to refine internal processes and pinpoint and address any recurring issues that are brought to light via their online reviews.<br/><br/></p><p>“<em>We pride ourselves on offering Discovery Insure customers innovative products that give them significant value, and we also constantly strive to accompany this with superior customer service from onboarding to claim stage</em>,” says Precious Nduli, Head of Technical Marketing for Discovery Insure. “<em>Platforms such as Hellopeter provide us with a good opportunity to engage with our customers, understand if they are experiencing any issues, how to solve these and continue to add value to them. We also continue to invest in technology that improves the customer experience</em>.”<br/><br/></p><p>Many businesses struggle to obtain insight into what their consumer truly thinks about their products or services, as well as the brand as a whole. Online reviews play a critical role in providing businesses with previously hard-to-obtain information.</p></div><p></p></div>
</div><div data-element-id="elm_cr-ry21Jg7iZkQEalqF2dA" 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;">A quick glance at Discovery Insure’s Hellopeter profile illustrates the business’s proactive approach to online reviews through frequent customer engagement</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><span><strong></strong><div><p>Their response rate is one of the highest on the site, earning them a notably high star rating – a metric which potential consumers take into account when evaluating businesses.&nbsp;</p><p><br/></p><p>Star ratings garnered from online reviews play an increasingly important role in purchasing decisions: if a potential consumer Googles your business and finds few to no reviews about it, they’ll click away and search for a business that’s vetted by their online peers. By using Hellopeter to generate and manage online reviews, Discovery Insure is able to grow and cement a visible brand presence – a crucial element for businesses of all kinds.</p></div></span><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_T3KqFL-hv9W0c4Rl-fRw3w" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_T3KqFL-hv9W0c4Rl-fRw3w"] .zpimage-container figure img { width: 1310px ; height: 806.62px ; } } </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-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-roundcorner zpimage-space-none " src="/HP-Discovery-Insure-casestudy-03-2-3.jpg" size="fit" alt="Discovery Insure uses Hellopeter to foster broad consumer trust and credibility" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_dodrLHUg5rzjLRpKtVBvOw" 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;">Discovery Insure regards all reviews – whether overwhelmingly positive or blatantly negative – as equally valuable</span></h2></div>
<div data-element-id="elm_RZsjPCtU-J0g--pYbGd9Bw" 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><p>As we wrote in our article “<a href="https://blog.hellopeter.com/reviews/why-negative-reviews-arent-the-end-of-the-world" target="_blank" rel="noopener">Why negative reviews aren’t the end of the world</a>”, not all negative reviews are necessarily the result of service that was below expectation. That said, every review needs to be individually acknowledged, and assessed. By responding to all of their reviews, the Discovery Insure demonstrates that they value all feedback – even when it’s from a dissatisfied customer.&nbsp;</p><p><br/></p><p>In addition, their responses to negative reviews are both swift and genuinely helpful. Responding to negative reviews rapidly is critical for all businesses who use online reviews, and in the insurance industry, it’s vital.&nbsp;</p><p><br/></p><p>By swiftly replying to, and addressing any issues or concerns, Discovery Insure not only instils a sense of trust between their brand and their customers, but also provides a robust complaints management process that is able to handle customer complaints effectively and efficiently.</p><p><br/></p><p>The result? Their consumers are reassured, and view them as approachable and worthy of their trust.</p><p><br/></p><p>By managing their online reviews on Hellopeter, Discovery Insure successfully leverages their customer reviews to strengthen their brand awareness, establish broad consumer trust, and continually improve their offering to ensure that customers are treated fairly throughout all interactions with Discovery Insure.</p><p><br/></p><p>Reviews on Hellopeter have <strong>helped over one million consumers</strong> make better choices. Had an experience you’d like to tell us about? <a href="https://www.hellopeter.com/login" target="_blank" rel="noopener">Leave us a review here.</a></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 13:28:33 +0000</pubDate></item><item><title><![CDATA[How iKhokha improved conversions using social proof]]></title><link>https://biz.hellopeter.com/blogs/post/how-ikhokha-improved-conversions-using-social-proof</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/Ikhokha-success-story-main.webp"/>This blog explores how customer feedback and online reviews shape brand reputation and customer trust, and explains how businesses can use review insights to improve customer experience and make better business decisions.]]></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_IcF9ESK8noCbkH2jqe2jgg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_IcF9ESK8noCbkH2jqe2jgg"] .zpimage-container figure img { width: 1310px ; height: 736.88px ; } } </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-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-roundcorner zpimage-space-none " src="/Ikhokha-success-story-main.webp" size="fit" alt="How iKhokha improved conversions using social proof" 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">Hellopeter</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"> [data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw"].zpelem-col{ margin-block-start:-32px; } </style><div data-element-id="elm_-J3gQpI2xDwNhwIbDniKaA" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h3
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span><span><span><strong><span><strong>The Company</strong></span></strong></span></span></span></h3></div>
<div data-element-id="elm_DX4toXdvp2AEaLVvAygybw" 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><p></p><div><p><span></span></p><div><p></p><div><p></p><span><span><span><div><p>We’re <a href="https://www.ikhokha.com/" rel="nofollow noopener" target="_blank">iKhokha</a>, and we believe that every South African entrepreneur should be given the opportunity to compete in the digital economy. We aim to do just that by making it easier for entrepreneurs to accept debit and credit card payments using an iKhokha card machine.</p></div></span></span></span><p></p></div><div><blockquote><p style="text-align:left;"><em></em></p></blockquote></div></div><blockquote><p><em></em></p></blockquote></div><blockquote><p><em></em></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_N2xRc29UpUCP0141fQ4Haw" 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;"><strong>The Challenge</strong></span></h2></div>
<div data-element-id="elm_NfxWLJcSJsu7o6k4cC0KZg" 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></p><div><p></p><span><div><p>In a fast-paced fintech industry, our business is based on trust and credibility. Hellopeter has been a platform where many generally share negative reviews rather than positive ones, and this in itself is a challenge for any business. <br/><br/>iKhokha decided that part of building brand reputation was to channel the positive impact that Hellopeter could have on our business. Particularly in understanding our customers’ true sentiments.</p><img src="/Mon%20Dec%2029%202025-1.png"/><p>People need people! They need to feel a sense of belonging and security, the decisions they make, whether consciously or subconsciously, are influenced by the choices, opinions, and actions of others. <strong>Social reviews add weight when it comes to indecisive potential customers.&nbsp;</strong></p><p><strong><br/></strong></p><p>There is reassurance in knowing that most people look at reviews prior to entering a contract with a company or before making a purchase, therefore the decision to create Hellopeter awareness became imperative for our business – ultimately, helping many people close the gap of uncertainty.</p></div></span><p></p></div><p></p></div>
</div><div data-element-id="elm_FQPki66cYEZMFvzARAYJ_g" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_FQPki66cYEZMFvzARAYJ_g"] .zpimage-container figure img { width: 1310px ; height: 925.19px ; } } </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-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-roundcorner zpimage-space-none " src="/ikhokha-social-proof.webp" size="fit" alt="How iKhokha improved conversions using social proof" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_i898HuxjctWK6GYNlS0Wpg" 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;">The Solution</span></h2></div>
<div data-element-id="elm_itpNCoif8jBuL3WGMm4bag" 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><p></p><div><p></p><div><p>We have since come to the realisation that utilising social proof through Hellopeter will successfully impact the decision to purchase our products and will also assist in client retention.</p><ul><li><p>Many businesses are already using social proof to increase their audience’s desire for their product or service. We are no different.</p></li><li><p>We encourage our customers to provide their feedback through various channels as this is our greatest source of learning. Having people give us feedback, whether negative or positive, helps us create a path for better customer service. Hellopeter is considered one of our many listening tools; it aids in meeting customer expectations and delivering service excellence.</p></li></ul></div><p></p></div><blockquote><p></p></blockquote></div><p></p></div>
</div><div data-element-id="elm_aTzlEILC6M5H-0TXErGSlw" 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;">The Results</span></h2></div>
<div data-element-id="elm_0Zq2olT8CQdHc00Volhf8w" 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><h3></h3><span><span><strong>Potential customers are almost certain to read your product reviews before making a purchase.</strong> Therefore, this type of social proof has had great benefits, the reviews on Hellopeter are a true sentiment of how our customers feel and perceive us. At <a href="https://www.ikhokha.com/" rel="nofollow noopener" target="_blank">iKhokha</a>, our customers are the core of our business. Why not do everything possible to keep them happy?</span><strong></strong></span><p></p></div><p></p></div>
</div><div data-element-id="elm_q8r7LRzPQixIYB8tDNaKrA" 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_doUvvLt7Mh98GskpWqO8dQ" 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>Mon, 29 Dec 2025 13:15:20 +0000</pubDate></item></channel></rss>