Buy me a coffee

Add Video into Accordion (Use Video Block)

#1. First, add a Video Block under Accordion (You can add video under, next to, or any position that you want).

Add Video Into Accordion Use Video Block 01 Min

#2. Install Squarespace ID Finder and find the ID of Accordion Block – Video Block.

In my example, we will have:

  • Accordion Block: #block-yui_3_17_2_1_1717399220695_38419
  • Video Block: #block-yui_3_17_2_1_1717399220695_39083

Add Video Into Accordion Use Video Block 02 Min

#3. Use this code to Page Header Code Injection (the page where you use Accordion)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
 jQuery(document).ready(function($){
  $('#block-yui_3_17_2_1_1717399220695_39083').appendTo('#block-yui_3_17_2_1_1717399220695_38419 li:nth-child(2) div.accordion-item__description');
})
</script>

Add Video Into Accordion Use Video Block 03 Min

#4. Result

Add Video Into Accordion Use Video Block 04 Min