If you are getting cropped testimonials because your Wall of Love is embedded twice on the same page, please do this. 👇🏼
Add a variation to the Wall ID
You can’t have the same code to be pasted twice on the same page.
So, you need to make some tweaks to the 2nd embed code.
Assuming the Wall of Love embed code looks like this:
<script type=“text/javascript” src=“https://testimonial.to/js/iframeResizer.min.js”></script>
<iframe id=“testimonialto-wall-of-love-for-testimonial-light” src=“https://embed-v2.testimonial.to/w/wall-of-love-for-testimonial?theme=light&card=base” frameborder=“0” scrolling=“no” width=“100%“></iframe>
<script type=“text/javascript”>iFrameResize({log: false, checkOrigin: false}, “#testimonialto-wall-of-love-for-testimonial-light”);</script>
The bold text is the Wall ID.
If you put the same code twice on the same page, IDs will be conflicted.
To make the 2nd wall of love work properly, we need to tweak the ID a little bit.
Normally what we would suggest is to append the -2 at the end of the id to make it look like testimonialto-wall-of-love-for-testimonial-light-2
So, your second code would be:
<script type=“text/javascript” src=“https://testimonial.to/js/iframeResizer.min.js”></script>
<iframe id=“testimonialto-wall-of-love-for-testimonial-light-2” src=“https://embed-v2.testimonial.to/w/wall-of-love-for-testimonial?theme=light&card=base” frameborder=“0” scrolling=“no” width=“100%“></iframe>
<script type=“text/javascript”>iFrameResize({log: false, checkOrigin: false}, “#testimonialto-wall-of-love-for-testimonial-light-2”);</script>
This was the only change:
Now, your Wall of Love can be embedded twice on the page.
Use both codes, instead of using the same.
Note: You must keep creating variations if you need more than two embeds.
I hope that's clear. Feel free to reach out to us if you have any questions! ❤️