Articles on: Embedding and Sharing

How to Embed Your Quiz in Webflow

Introduction


Embedding your Quizell quiz in Webflow is a quick and effective way to make your site more interactive and engaging. Using the Quizell Webflow App, you can seamlessly integrate your quiz into any page and fully customize its look to match your site’s design.


Step-by-Step Guide


Step 1: Install the Quizell App in Webflow


  1. Log in to your Webflow account.
  2. Go to the Webflow App Store and search for Quizell, or install it directly from this link.
  3. Click Install App.
  4. Choose the sites or workspaces where you want to use Quizell.
  5. Click Authorize App to complete the installation.



Quizell in Webflow


Step 2: Add Your Quiz to a Webflow Page


  1. Open Webflow Designer and go to the page where you want the quiz to appear.
  2. Add or select a block element (e.g., Div Block or Section) for the quiz placement.
  3. In the Quizell App panel, click Select Quiz.
  4. In your Quizell dashboard, find and select the quiz you want to embed.
  5. From the left-hand menu, go to Share → Share your quiz as a link.
  6. Copy the quiz link provided.


💡 Important: Before embedding, replace the word preview in the link with quiz to ensure optimal performance.

Example:


How to get your quiz link


Step 3: Embed and Customize Your Quiz


  1. Paste the updated link (e.g., https://app.quizell.com/quiz/QuizID) into the Quizell embed field in Webflow.
  2. Click Embed.
  3. Adjust the styling, width, and layout within Webflow to match your site’s design.
  4. When you’re satisfied, click Publish (top-right corner) to make your quiz live.


Embed your quiz at webflow


🎉 You’re All Set!


Your Quizell quiz is now live on your Webflow site!

Use Webflow’s flexible design tools to refine the layout and ensure your quiz fits seamlessly into your page’s design.


What’s Next?


Learn more ways to share and customize your quiz:



Updated on: 08/10/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!