Embed the Love Languages Quiz

Option 1: Simple Script Tag

The easiest way to integrate the quiz is by adding this script tag to your HTML. The quiz will appear wherever you place the script:

<script src="https://lovelanguage.benvalentin.me/embed.js"></script>

Option 2: Direct iframe

For more control over placement and styling, you can use an iframe implementation:

<iframe
  src="https://lovelanguage.benvalentin.me/embed"
  width="100%"
  height="600px"
  style="border: none; border-radius: 8px; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);"
></iframe>

Customization

The quiz appearance can be customized by modifying the iframe's CSS properties:

• Adjust width and height to fit your layout
• Modify border-radius for rounded corners
• Customize box-shadow for depth
• Add custom border styles