This should be easy as pie, but as with most 3rd party code, it ain’t. If it works with what the client sends, then yay for you. But you’re probably here because it isn’t working.
CMS Content Area
<div id="ab-parent-container" data-lp="get-paid-with-autobooks" data-nat-id="000" data-rssd-id="00000"></div>
- The two data-x-id attributes’ values should be specific to the client
- If there is no surrounding content in the content area, it will get wiped out if inside a
.remove-blankdiv. A couple options to fix this depending on your comfort level- Include a
<span class="d-none" aria-hidden="true">Autobooks</span>within the div - Add a check to the remove-blank function
- jQuery:
|| $(this).has('#ab-parent-container').length - vanilla JS:
|| el.getElementsById('ab-parent-container').length
- jQuery:
- Include a
Footer Script in CMS Page Settings
<script src="https://info.autobooks.co/hubfs/0000000/ab-iframe.js"></script>
- The number in the src should be specific to the client