Lightbox Contact Form with Floating Button

[tuanphan]

To achieve a lightbox contact form with floating button on right of site, you can.

• If you don’t want to use code, you can use Form Builder Widget to achieve this easier.
• Or you can also use Popup Plugin

#1. Add a Form Block in Site Footer then enable Lightbox option.

#2. Next, use this code to Custom CSS box

footer.sections button.lightbox-handle {
    visibility: visible !important;
    display: inline-block !important;
    vertical-align: middle !important;
    inset: 35% 0px auto auto !important;
    position: fixed !important;
    z-index: 2147483644 !important;
    transition: right 0.5s ease-in-out 0.05s !important;
    transform: translateY(-48px) rotate(-90deg) !important;
    transform-origin: 100% 100% !important;
}
footer.sections .form-block .preFade {
    opacity: 1 !important;
}