<?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/new-feature-release/feed" rel="self" type="application/rss+xml"/><title>Hellopeter Business - Learn, understand, grow your business with online reviews #New Feature Release</title><description>Hellopeter Business - Learn, understand, grow your business with online reviews #New Feature Release</description><link>https://biz.hellopeter.com/blogs/tag/new-feature-release</link><lastBuildDate>Tue, 31 Mar 2026 03:29:45 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[2023 in Review: Hellopeter Highlights]]></title><link>https://biz.hellopeter.com/blogs/post/2023-in-review-hellopeter-highlights</link><description><![CDATA[<img align="left" hspace="5" src="https://biz.hellopeter.com/files/Blog Post Assets/Most Common Black Friday Complaints and How to Solve Them/B2B Blog Header - Hello 2024.webp"/>Reflecting on the past year fills us with pride, gratitude and excitement for the new one! In 2023, Hellopeter reached incredible milestones with over ]]></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_sC0KBl8cZtddPLqMd01rKw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_sC0KBl8cZtddPLqMd01rKw"] .zpimage-container figure img { width: 1320px ; height: 742.50px ; } } </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="/B2B%20Blog%20Header%20-%20Hello%202024.webp" size="fit" alt="2023 in review Hellopeter highlights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_EmDAgpv4g5GspryunbzVWg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_EmDAgpv4g5GspryunbzVWg"] .zpimage-container figure img { width: 77px !important ; height: 77px !important ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-original zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/Artboard%202.png" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_v2nZautHiwqt3Oj6IqKnWg" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h4
 class="zpheading zpheading-style-none zpheading-align-center zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-family:Outfit;">Hellopeter</span></h4></div>
</div></div></div></div><div data-element-id="elm_m2yycdIp_F6ugbJKzIseSQ" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_1SwZhfcK6RHyIMIGRoPUDw" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_vCL-8EzQbZfUz-KiTy-pjw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_sJymaWhNMf1xHp6MRKEu3g" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p style="line-height:1;"><span style="color:rgb(11, 13, 45);font-family:Outfit;"></span></p><div></div><p></p><div><div><span style="font-size:18px;font-family:Outfit;">Reflecting on the past year fills us with pride, gratitude and excitement for the new one!</span></div><div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-size:18px;font-family:Outfit;">In 2023, Hellopeter reached incredible milestones with over 2.3 million registered users, 8 million website visitors, and a whopping 515,000 reviews. We’ve also seen an average of&nbsp; 43,500 reviews per month, with 55% of them being positive. That's one review every minute – illustrating the trust you, as South Africa, place in Hellopeter as the number one online review platform. Thank you for being part of our success and sharing your valuable insights!</span></div><div><span style="font-family:Outfit;"><br/></span></div><div><span style="font-size:18px;font-family:Outfit;">Because we believe so deeply in the power of customer feedback, we’ve listened, taken what you have to say seriously and implemented changes.</span></div></div></div>
</div><div data-element-id="elm_23zMe3EXdostLdOy-HZ_HQ" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">New-and-Improved hellopeter.com</span></h2></div>
<div data-element-id="elm_jKHxWzIqaNjB3MG5X2kCww" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><span style="font-family:Outfit;"></span></div><span>We were thrilled to unveil the fresh, new look of your beloved hellopeter.com in 2023. It's been a labour of love, and we can't wait for you to explore the improved functionality. Your feedback matters, so take a peek and let us know what you think.</span><div><span style="font-family:Outfit;"></span></div>
</div><p></p></div></div><div data-element-id="elm_hN3IctmDcyw0JkLeNS_HDQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_hN3IctmDcyw0JkLeNS_HDQ"] .zpimage-container figure img { width: 1320px ; height: 742.50px ; } } </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="/Blog-Hellopeter-got-a-fresh-new-look-this-spring.webp" size="fit" alt="2023 in review Hellopeter highlights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_c5ZTgQSppt9ybmaOfDBYGw" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">Refined Category and Ranking System</span></h2></div>
<div data-element-id="elm_CeLBO8mQROfqlt0FBsrSNA" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_CeLBO8mQROfqlt0FBsrSNA"] .zpimage-container figure img { width: 1320px ; height: 742.50px ; } } </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="/B2B%20Blog%20Header%20Ranking%20System.webp" size="fit" alt="2023 in review Hellopeter highlights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_OqWmCzSXZHszycols-giIw" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">WhatsApp Reviews Reign Supreme</span></h2></div>
<div data-element-id="elm_7hFRK78eAMKAtKbX06AA6Q" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p></p><div><div><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;"></span></p><span><span style="font-family:Outfit;">Discover the ease of collecting reviews with our WhatsApp chatbot. We're excited to see businesses embracing this convenient feature. It not only streamlines the process for you but allows you to connect with customers on a level that resonates, too. With over 35% of reviews being collected via WhatsApp in 2023 – it’s your turn to understand this trend.</span></span><p><span style="color:rgb(11, 13, 45);font-family:Outfit;font-size:18px;"><a href="https://biz.hellopeter.com/review-collection-hellopeter"></a></span></p></div>
</div><p></p></div></div><div data-element-id="elm_JdL6cHiZ8KVgLjboPuQ-UQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_JdL6cHiZ8KVgLjboPuQ-UQ"] .zpimage-container figure img { width: 1600px !important ; height: 600px !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="/WhatsApp%20Review%20Collection%20v2.gif" size="original" alt="2023 in review Hellopeter highlights" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_ytNEyh49-3P0CUzXTVf7vg" data-element-type="heading" class="zpelement zpelem-heading "><style></style><h2
 class="zpheading zpheading-style-none zpheading-align-left zpheading-align-mobile-left zpheading-align-tablet-left " data-editor="true"><span style="font-size:32px;font-family:&quot;Open Sans&quot;, sans-serif;">Preparing For an Even Bigger 2024?</span></h2></div>
<div data-element-id="elm_-rZbaji5bOE4RtJuhjNMzQ" 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 style="font-family:Outfit;font-size:18px;color:rgb(11, 13, 45);">With 2024 in full swing, we're gearing up for a year of even more significant impact. Do you have the tools to make it big this year? Hellopeter is here to help you achieve your most ambitious business goals.&nbsp;<br/><br/></span></p><p></p><div><div><span style="font-size:18px;color:rgb(11, 13, 45);"></span><p><span style="font-family:Outfit;font-size:18px;color:rgb(11, 13, 45);"><a href="https://business.hellopeter.com/onboard/create/g1/monthly" rel="noopener" target="_blank">Get started today,</a> and let's make 2024 your biggest year yet!</span></p></div></div></div>
</div><div data-element-id="elm_HvcwFyj21JK3W3wvXi9ZXQ" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div></div></div></div></div><div data-element-id="elm_qJg68N3ZLRK5B7a2Ex-Axw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_FqNn2FGpVlI4JGNtP05kgg" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_mwpqdgbHG6jVvu1Wf38EHg" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_hmczWdnTqKyV7Zl9cKz2Zg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h6><span style="font-weight:bold;">RELATED ARTICLES</span></h6></div>
</div><div data-element-id="elm_4X-ZoIGEIgFXH_UE9ErMMA" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_5alwdeIFx3lqSI2KwThVkg" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_5alwdeIFx3lqSI2KwThVkg"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Blog%20header%20-%20How%20to%20successfully%20request%20a%20review%20update%20after%20bad%20review%20-3-.webp" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h5><span>How to Request a Review Update: From Complaint to Resolved</span></h5></div>
</div></div><div data-element-id="elm_mYlbNR1fngLcO7maiyH1aw" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_R_xWNK5V3nkha9ZlvDnS3Q" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_R_xWNK5V3nkha9ZlvDnS3Q"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/B2B%20Blog%201%20-%20Why%20Poor%20Customer%20Experience%20-3-.jpg" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h6><span><div></div></span></h6><h5 style="font-weight:300;">Why Black Friday Customer Experience Beats The Discounts</h5></div>
</div></div><div data-element-id="elm_XIT6-1G6-n8b0fLUwuN8ig" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_j_smfOin-YTxyLuPK6w4cA" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> @media (min-width: 992px) { [data-element-id="elm_j_smfOin-YTxyLuPK6w4cA"] .zpimagetext-container figure img { width: 176px !important ; height: 100px !important ; } } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-custom zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Blog%20Header%20-%20Super%20Communications%20x%20Hellopeter%20Business%20Rev%20-1-.webp" size="custom" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left zpimage-text-align-mobile-left zpimage-text-align-tablet-left " data-editor="true"><h5><span>How Super Communications Got to Rank #1 in 3 Industries on Hellopeter</span></h5></div>
</div></div></div><div data-element-id="elm_vXXQ500ZFan3jRHvti_T4A" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-6 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"> [data-element-id="elm_vXXQ500ZFan3jRHvti_T4A"].zpelem-col{ margin-block-start:24px; } </style><div data-element-id="elm_ONOqgWyAJGFYJnKlOxUljA" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h6><span style="font-weight:bold;">UP NEXT</span></h6></div>
</div><div data-element-id="elm_u9llp1sJnYKHeDiuZsDOuQ" data-element-type="divider" class="zpelement zpelem-divider "><style type="text/css"></style><style></style><div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-align-mobile-center zpdivider-align-tablet-center zpdivider-width100 zpdivider-line-style-solid "><div class="zpdivider-common"></div>
</div></div><div data-element-id="elm_1tkTlvHAGZBA_U4-EIWRsg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><h4><span style="font-size:32px;">7&nbsp; THINGS CUSTOMERS CHECK ONLINE BEFORE BUYING FROM YOU THIS BLACK FRIDAY</span></h4></div>
</div><div data-element-id="elm_hpFKztEW7GFbWNjDgBl0kg" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_hpFKztEW7GFbWNjDgBl0kg"] .zpimage-container figure img { width: 588px ; height: 330.75px ; } } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-left zpimage-tablet-align-center zpimage-mobile-align-center zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/files/Blog%20Post%20Assets/Most%20Common%20Black%20Friday%20Complaints%20and%20How%20to%20Solve%20Them/Things%20Customers%20Check%20Online%20-3-.webp" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div></div></div></div></div><div data-element-id="elm_qsQWh5TAcB8CYlSYcB1VOw" data-element-type="section" class="zpsection zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_TTFmrqvH2zbsk3Q_TuilEw" data-element-type="row" class="zprow zprow-container zpalign-items-flex-start zpjustify-content-flex-start zpdefault-section zpdefault-section-bg " data-equal-column="false"><style type="text/css"></style><div data-element-id="elm_9hbSUd3qGK6tgbZgh_Vm-A" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg "><style type="text/css"></style><div data-element-id="elm_nGKRuNWWO00s3ge2c3TF_A" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div><div data-element-id="elm_gc2DUjhxLkKJ6BY1-gq-tg" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-left zptext-align-mobile-left zptext-align-tablet-left " data-editor="true"><p><br/></p></div>
</div><div data-element-id="elm_qpP2-040-h4t1QsnKgXVeQ" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><template id="tmpl"><link rel="stylesheet" href="/site/stylesheets/template_theme.min.css"/><style> /* --- YOUR EXISTING CSS --- */ .subscribe_section { text-align: center; padding: 0px 0 80px 0; } .subscribe_section h3 strong { font-weight: 700 !important; } .subscribe_section .form-group { position: relative; margin: 20px auto 0 auto; } .subscribe_section .form-group svg { width: 20px; height: auto; position: absolute; fill: #3483f4; left: 16px; top: 15px; } .subscribe_section .form-group .form-control { height: 50px; padding: 0 20px 0 46px; min-width: 320px; margin-right: 15px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07); border: 1px solid #b8c4cf; } .subscribe_section .form-group .btn { height: 50px; line-height: 46px; padding: 0; width: 240px; font-size: 18px; transition: all 0.3s ease-out; } .subscribe_section .form-group .btn:hover { border-radius: 40px; } .show_border { padding: 0 0 20px 0; } .show_border .form_wrap { border-bottom: 1px solid #ccc; padding-bottom: 80px; max-width: 700px; margin: 0 auto; } .increase_sales_modal .modal-dialog { max-width: 1200px; vertical-align: middle; } .increase_sales_modal .increase_sales_hedding .close { position: absolute; top: 4px; font-size: 37px; font-weight: 100; color: #878787; cursor: pointer; right: 14px; z-index: 9; } .increase_sales_modal .modal-content { border: 0; border-radius: 0; outline: 0; } .increase_sales_modal .modal-content .form-wrapper-popup { padding: 20px 0; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title { padding-top: 24px; } .increase_sales_modal .trusted-by-title h2 strong { font-weight: 700; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 38px; line-height: 48px; margin-bottom: 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p { font-size: 18px; color: #58595b; font-weight: 400; line-height: 25.2px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .hs-form-field { margin-bottom: 15px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input { width: 100%; padding: 15px 15px 15px 15px; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 6px 23px rgba(0, 0, 0, 0.062); line-height: 20.16px; font-size: 14.4px; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input.error { border-color: #ff3860 !important; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .input input:focus { border: 1px solid #404040; outline: unset; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private label { display: none; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul { padding: 0; margin: 0; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul.hs-error-msgs li { list-style: none; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private ul.hs-error-msgs li .hs-error-msg { font-size: 13px; color: #ff4040; font-weight: 500; width: 100%; display: block; } .increase_sales_modal .modal-content .form-wrapper-popup .hs-form-private .hs-button { width: 100%; padding: 14px 0 14px 0; background-color: #263583; color: #fff; font-size: 18px; font-weight: 600; border-radius: 5px; } .increase_sales_modal .logo-wrapper { padding: 40px 0 0; } .increase_sales_modal .logo-wrapper .trusted-by-title h2 { font-size: 25px; line-height: 33px; margin-bottom: 50px; text-align: center; } .increase_sales_modal .logo-wrapper .logos-wrapper { display: flex; flex-wrap: wrap; position: relative; padding: 0 20px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup { width: 33.33%; text-align: center; position: relative; min-height: 52px; display: flex; align-items: center; border: 1px solid #eaeaea; border-left: 0; border-right: 0; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a { text-align: center; width: 100%; padding: 22px 30px 22px 30px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } .increase_sales_modal .logo-wrapper .logos-wrapper::before { content: ''; width: 1px; background-color: #eaeaea; height: 108%; position: absolute; left: 200px; right: 0; top: -4%; } .increase_sales_modal .logo-wrapper .logos-wrapper::after { content: ''; width: 1px; background-color: #eaeaea; height: 108%; position: absolute; right: 200px; top: -4%; } .increase_sales_modal .modal-body { padding: 40px; } .increase_sales_modal .modal-body .container { padding: 0; } @media screen and (max-width: 991px) { .subscribe_section { text-align: center; padding: 20px 20px 20px 20px; } .subscribe_section h3 strong { font-weight: 700; } .increase_sales_modal { padding: 0px; } .increase_sales_modal .modal-content .form-wrapper-popup { padding: 40px 20px 30px 20px; } .increase_sales_modal .modal-dialog { max-width: 100%; top: 0; right: 0; margin: 0; width: 100%; } .increase_sales_modal .logo-wrapper .logos-wrapper::before { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper::after { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 85px; height: 50px; object-fit: contain; } .increase_sales_modal .logo-wrapper { padding: 30px 0 0; } .increase_sales_modal .trusted-by-title h2 strong { font-weight: 700; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 26px; line-height: 36px; margin-bottom: 10px; } .increase_sales_modal { padding-right: 0px !important; } .increase_sales_modal .modal-body { padding: 30px 10px 30px 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 24px; line-height: 32px; } } @media screen and (max-width: 680px) { .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p br { display: none; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a { text-align: center; width: 100%; padding: 15px 20px 15px 20px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup a img { max-width: 100%; height: auto; object-fit: unset; } .increase_sales_modal .increase_sales_hedding .close { right: 15px; font-weight: 400; } .increase_sales_modal .logo-wrapper { padding: 20px 10px 20px; } .subscribe_section { padding: 20px 5px 20px 5px !important; } .subscribe_section .form_wrap h3 { font-size: 22px; line-height: 28px; } .subscribe_section .form-group { width: 100%; } .subscribe_section .form-group .form-control { min-width: 100%; margin-right: 0; } .subscribe_section .form-group .btn { margin-top: 10px; width: 100% !important; font-size: 16px !important; } .subscribe_section .form-group .form-control { padding: 0 15px 0 46px; min-width: 100%; margin-right: 0; } .increase_sales_modal .modal-content .form-wrapper-popup .logo_img img { width: 140px; } .increase_sales_modal .modal-content .form-wrapper-popup .trusted-by-title p { font-size: 14px; line-height: 24px; } .increase_sales_modal .logo-wrapper .logos-wrapper .logo-box-popup { width: 50%; } } /* --- REQUIRED FIXES FOR SHADOW DOM --- */ /* 1. Manually handle the display when 'show' class is added */ .modal.show { display: block !important; padding-right: 17px; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.5); /* Dim background here instead of separate backdrop if simpler */ } /* 2. Optional: Custom backdrop styles if you want a separate backdrop div */ .custom-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 1040; opacity: 0; transition: opacity 0.15s linear; } .custom-backdrop.show { display: block; opacity: 0.5; } .increase_sales_modal #formThankYou { font-size: 0.9rem !important; display: none; } </style><div class="subscribe_section"><div class="container"><div class="form_wrap"><h3>Find out how we can <strong> help your business grow.</strong></h3><div class="form-inline"><div class="form-group"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path
								d="M64 96c-17.7 0-32 14.3-32 32v39.9L227.6 311.3c16.9 12.4 39.9 12.4 56.8 0L480 167.9V128c0-17.7-14.3-32-32-32H64zM32 207.6V384c0 17.7 14.3 32 32 32H448c17.7 0 32-14.3 32-32V207.6L303.3 337.1c-28.2 20.6-66.5 20.6-94.6 0L32 207.6zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg><input class="form-control" type="email" placeholder="Enter your email"/><a class="btn btn-primary increase_sales_link" id="open-btn" href="#">REQUEST DEMO</a></div>
</div></div></div></div><div id="custom-backdrop" class="custom-backdrop"></div><div class="modal fade increase_sales_modal" id="popup-content" tabindex="-1" role="dialog" aria-labelledby="increase_sales" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-body"><div class="container"><div class="row"><div class="increase_sales_hedding"><h5 class="close close_btn" id="close-btn" aria-label="Close"><span aria-hidden="true">&times;</span></h5></div>
<div class="col-lg-6"><div class="form-wrapper-popup"><div class="logo_img"><img src="/site/img/logo%20-1-.svg" alt="logo"/></div>
<div class="trusted-by-title"><h2>Does Your Business <strong>Want to Increase Sales?</strong></h2><p> Schedule a call with one of our brand strategists to find out how your business can attract customers more easily. </p></div>
<div><span
											id="hs_cos_wrapper_widget_1673108372988_"
											class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3
												id="hs_cos_wrapper_form_977934025_title"
												class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3><div id="hs_form_target_form_977934025"><p id="formThankYou">Thanks for submitting the form.</p><form
													class="hs-form-private"
													action="https://forms.zohopublic.com/hellopetercom1/form/RequestDemo1/formperma/dq3HaBKc28K7OX2DgEnyGDe6DcQv1dr8xPnvfvJeoE4/htmlRecords/submit"
													name="form"
													method="POST"
													accept-charset="UTF-8"
													enctype="multipart/form-data"
													id="zohoForm"
												><input type="hidden" name="zf_referrer_name" value=""/><!-- To Track referrals , place the referrer name within the " " in the above hidden input field --><input type="hidden" name="zf_redirect_url" value=""/><!-- To redirect to a specific page after record submission , place the respective url within the " " in the above hidden input field --><input type="hidden" name="zc_gad" value=""/><!-- If GCLID is enabled in Zoho CRM Integration, click details of AdWords Ads will be pushed to Zoho CRM --><div class="zf-templateWrapper"><div class="zf-subContWrap zf-topAlign"><ul><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="First name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine1"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Last name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine1_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine2"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Business name"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine2_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="SingleLine3"
																				checktype="c1"
																				value=""
																				maxlength="255"
																				fieldType="1"
																				placeholder="Job title"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="SingleLine3_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv"><span class="input"><input
																				type="text"
																				name="Email"
																				checktype="c5"
																				value=""
																				maxlength="255"
																				fieldType="9"
																				placeholder="Email address"/></span><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="Email_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div><div class="zf-tempFrmWrapper zf- zf-small hs-form-field"><label class="zf-labelName"></label><div class="zf-tempContDiv zf-phonefld"><div class="zf-phwrapper zf-phNumber"><span class="input"><input
																					type="text"
																					compname="PhoneNumber"
																					name="PhoneNumber_countrycode"
																					maxlength="20"
																					checktype="c7"
																					value=""
																					phoneFormat="1"
																					isCountryCodeEnabled="false"
																					fieldType="11"
																					id="international_PhoneNumber_countrycode"
																					valType="number"
																					phoneFormatType="2"
																					placeholder="Phone number"/><label>Number</label></span><div class="zf-clearBoth"></div>
</div><ul class="no-list hs-error-msgs inputs-list" role="alert"><li><label
																					style="display: none" id="PhoneNumber_error" class="hs-error-msg hs-main-font-element">Invalid value</label
																				></li></ul></div>
<div class="zf-clearBoth"></div></div></ul></div><input type="submit" class="hs-button" value="REQUEST DEMO"/></div>
</form></div></span></div></div></div><div class="col-lg-6"><div class="logo-wrapper"><div class="trusted-by-title"><h2><strong>15,000 businesses</strong> of all sizes trust Hellopeter</h2></div>
<div class="logos-wrapper"><div class="logo-box-popup"><a><img src="/site/img/Image%20385.webp" alt="Image 385"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/lodmutual.png" alt="lodmutual"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/FNB-Logo.png" alt="FNB-Logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/miway-logo.png" alt="miway-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Image%20387.webp" alt="Image 387"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/pick-n-play-2x.png" alt="pick-n-play@2x"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/ikhokha_logo_small.jpg" alt="ikhokha_logo_small"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Image%20390.png" alt="Image 390"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/execumove_logo_trans-logo.png" alt="execumove_logo_trans-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/1280px-Coca-Cola_logo.svg.png" alt="1280px-Coca-Cola_logo.svg"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/affinity%20health.png" alt="affinity health"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Howler-Logo-Gradient-2.png" alt="Howler-Logo-Gradient-2"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/logo_yoco-2x.webp" alt="logo_yoco@2x"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/fancycars.png" alt="fancycars"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/outsurance%20-1-.png" alt="outsurance (1)"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/hostafrica-logo.png" alt="hostafrica-logo"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/pineapple-logo-smaller.png" alt="pineapple-logo-smaller"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/naked-insurance-logo-small.jpg" alt="naked-insurance-logo-small"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/national%20debt%20advisors.png" alt="national debt advisors"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Isabella-Garcia.png" alt="Isabella-Garcia"/></a></div>
<div class="logo-box-popup"><a><img src="/site/img/Drone-world-logo.jpg" alt="Drone-world-logo"/></a></div>
</div></div></div></div></div></div></div></div></div></template><script>
	customElements.define(
		'custom-dialog',
		class extends HTMLElement {
			constructor() {
				super();
				// --- CONSTANTS ---
				this.PARAM_NAME = 'reqDemoSuccess';
				this.COOKIE_NAME = 'reqDemoSubmitted';
				this.zf_MandArray = ['SingleLine', 'SingleLine1', 'SingleLine2', 'SingleLine3', 'Email', 'PhoneNumber_countrycode'];
				this.zf_FieldArray = ['SingleLine', 'SingleLine1', 'SingleLine2', 'SingleLine3', 'Email', 'PhoneNumber_countrycode'];

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

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

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

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

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

			// --- HELPER METHODS ---

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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