Embed Campaign Story Collection Pages on Your Site with iFrame
Free Live Music is our playground account. Our main story builder page is embedded as an example. Replace any Public Story Collection URL in the code below to create a responsive iFrame for your website. You will also see two embed styles and 3 tips for creating and organization dedicated pages on your website to collect stories. Contact us at any time for support embedding GoodSeeker into your website.
<divclass="responsive-iframe-container"><iframesrc="https://free-live-music.goodseeker.com/t/free-live-music/testimonial/create"allow="autoplay; camera; microphone"></iframe></div><style>.responsive-iframe-container {
position: relative;
width: 100%;
height: 80vh; /* Default height */min-height: 80vh; /* Ensures it's never shorter than 80% of the viewport height */padding-top: 0%; /* Adjust this value for different aspect ratios */overflow: hidden;
}
.responsive-iframe-containeriframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
@media (max-width: 768px) {
.responsive-iframe-container {
padding-top: 180%; /* Adjust for mobile screens */ }
}
</style>