Block Library

← Back to list

Style-14

← Back to list

Contact

Get in Touch

We're always here to help. Visit us or reach out online — we'd love to hear from you!

1 Central St, New York, NY 10001

Mon-Fri: 09:00 - 18:00, Sat: 10:00 - 16:00

Main Phone

+1 (212) 555-0199

Secondary

+1 (917) 555-0100

<section class="hotengine-ve hotengine-ve-contacts-style-14">
    <div class="ve-split-wrap">
        <div class="ve-info-panel">
            <span class="ve-badge-label">Contact</span>
            <h3 class="ve-heading">Get in Touch</h3>
            <p class="ve-desc">We're always here to help. Visit us or reach out online — we'd love to hear from you!</p>

<div class="ve-info-block">
                <div class="ve-info-item">
                    <img loading="lazy" src="/templates/styles/svg_icon/svg_color/maps-and-flags-map.svg" alt="Map">
                    <span>1 Central St, New York, NY 10001</span>
                </div>
                <div class="ve-info-item">
                    <img loading="lazy" src="/templates/styles/svg_icon/svg_color/app-hour-interface.svg" alt="Hours">
                    <span>Mon-Fri: 09:00 - 18:00, Sat: 10:00 - 16:00</span>
                </div>
            </div>

<div class="ve-form-panel">
            <div class="ve-form-inner">
                <div class="ve-phone-block">
                    <div class="ve-phone-label">Main Phone</div>
                    <a href="tel:+12125550199" class="ve-phone-link">+1 (212) 555-0199</a>
                </div>
                <div class="ve-phone-block">
                    <div class="ve-phone-label">Secondary</div>
                    <a href="tel:+19175550100" class="ve-phone-link ve-phone-light">+1 (917) 555-0100</a>
                </div>
                <button class="hotengine-form-constructor ve-btn-form" 
                        data-dialog-form_id="0" 
                        data-dialog-title="Callback Request" 
                        data-dialog-buttontext="Send" 
                        data-dialog-form_title="Callback"
                        data-dialog-width="400" 
                        data-dialog-height="300" 
                        data-dialog-min-width="300" 
                        data-dialog-min-height="300" 
                        data-mobile-width="320">
                    Contact Manager
                </button>
            </div>
        </div>
    </div>
</section>

Block Usage Instructions

Blocks must be inserted directly onto the page where you want them to appear. The system supports flexible integration into any part of your site.

Where to place:

System areas: Menu, Header, Footer.
Page structure: At the very top or in the footer.
Content zones: Page text, category descriptions, or product cards.

Quick Insert Method:

Use the "Block Library" button directly while editing the page.

It opens a popup where you can select the desired element and interactively insert it with one click.

Automation via Login:

If you log in, you can select a site for the preset. The system will auto-fill contact info, addresses, and form IDs, requiring minimal manual setup.

Create a site for free