Scroll or Collapse Embedded Form

Site URL: https://www.rootsandbranches.center/

https://www.rootsandbranches.center/

Hi, I've embedded a contact form from HoneyBook (3rd party). But it is so long! I'd like to condense the space it uses and instead be able to scroll within the section. If that's not possible, then I'd like the section to open like an accordion. Is there a way to do either one?

I just don't want the form to monopolize the whole page and make it annoying to get to the rest of the content.

Thanks!

Hi,

Can you share link to page where you use contact form? I Don't see it on homepage

If you want to move it into accordion, you can add an Accordion Block (with no content inside) above Contact Form, we can give code to move contact form inside accordion.

On 9/16/2022 at 8:25 PM, tuanphan said:

Hi,

Can you share link to page where you use contact form? I Don't see it on homepage

If you want to move it into accordion, you can add an Accordion Block (with no content inside) above Contact Form, we can give code to move contact form inside accordion.

Our site is https://www.rootsandbranches.center/. The contact form is on the main page. It is on the left side with our photo on the right side. The form is so big it makes our photo also huge to match up with the length of the form. Then you have to scroll all the way past the form to see the rest of the content on the page. 

The form is embedded from the 3rd party service we use, Honeybook.

It would be great if there is code to move it into an accordian if you can help.

On 9/19/2022 at 12:07 PM, RedHotMama said:

Our site is https://www.rootsandbranches.center/. The contact form is on the main page. It is on the left side with our photo on the right side. The form is so big it makes our photo also huge to match up with the length of the form. Then you have to scroll all the way past the form to see the rest of the content on the page. 

The form is embedded from the 3rd party service we use, Honeybook.

It would be great if there is code to move it into an accordian if you can help.

Can you add an accordion block first? Currently I don't see it

On 9/20/2022 at 2:57 AM, tuanphan said:

Can you add an accordion block first? Currently I don't see it

I just added an accordion block above my form. It says "Get our pricing for your event." But I don't know how to embed code into an accordion description space. That's where I'd like our 3rd party embedded form to show up. 

6 hours ago, tuanphan said:

Add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('div#block-yui_3_17_2_1_1662840898761_10412').appendTo('div#block-yui_3_17_2_1_1664205017246_4558 .accordion-item__description');
	});
</script>

 

Thank you, tuanphan! Thank you! That is perfect! You are so helpful!

Do you know how to keep the photo next to it a static size? I'd like for it to stay the same when the accordion is opened instead of getting bigger to fit the extra space. We look funny zoomed in. lol

18 hours ago, RedHotMama said:

Thank you, tuanphan! Thank you! That is perfect! You are so helpful!

Do you know how to keep the photo next to it a static size? I'd like for it to stay the same when the accordion is opened instead of getting bigger to fit the extra space. We look funny zoomed in. lol

It is a bug in Fluid Engine, you can report it to SS Customer Care.