Integrate the Free Shipping Bar to Debut with placeholder option

Step 1: Select the last option under the "position" setting in the bar configuration in the App, and save the change
Step 2: Go to Admin > Online Store > Themes
Step 3: Click the "..." button on the right hand side, and select "Edit HTML/CSS"
Step 4: Click "header.liquid" under "Section" folder
Step 5: find line <header class="site-header{% if section.settings.align_logo == 'left' %} border-bottom; Copy and paste <div id="fsb_placeholder"></div> above it in a new line
Step 6: Click "Save"

NOTE: Do NOT forget to select the last option under the "position" settings in the bar configuration in the App, and do NOT check the "Pin the bar to the position (always visible while scrolling)" option, then save the change.