Slide-out form on click, but include defer code

Ask the Community Customization
7

@Hugh my apologies for such a long wait!

I’ve got a reply from the dev team regarding your questions, and here’s the solution:

  1. This is the code for the form with no floating button:
<!-- Elfsight Phoenix Contact Form on click only -->
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-bcb7eec7-XXXX-XXXX-XXXX-db500ccac8ab" data-elfsight-app-lazy="first-activity"></div>
<span class="sched-button">
<a data-elfsight-show-form="bcb7eec7-XXXX-XXXX-XXXX-db500ccac8ab" class="pointer sched-button">
<i class="fa fa-envelope-o" aria-hidden="true"></i> Request Assistance</a>
</span>
<!-- Elfsight Phoenix Contact Form on click only -->

Also, please add the following CSS code to your widget Custom CSS field:

.global-styles, [class*="FloatingButton__FloatingButtonContainer"] {
  display: none!important;
}
  1. As for your second question regarding the scenario with multiple buttons, this code should work:
<span class="sched-button">
<a data-elfsight-show-form="bcb7eec7-XXXX-XXXX-XXXX-db500ccac8ab" class="pointer sched-button">
<i class="fa fa-envelope-o" aria-hidden="true"></i> Request Assistance</a>
</span>

Please let me know if it helped or if you have other questions :slight_smile:

1 Like