How to add Quiz Maker to a Weebly website

Embed Quiz Maker on Weebly in just a few steps

Embed Quiz Maker on Weebly

01
Create a Quiz Maker app for Weebly On Common Ninja

First, create a Weebly Quiz Maker app on Common Ninja.

On the apps catalog, find the Quiz Maker and enter the Editor.

Create a Quiz Maker app for Weebly On Common Ninja
02
Save the Quiz Maker app

When you're done creating the Quiz Maker app, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Quiz Maker app
03
Copy the Quiz Maker Embed Code

When you're ready to add the Quiz Maker app to your Weebly website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the app embed code. In the next steps, you will paste this code into your Weebly website.

Copy the Quiz Maker Embed Code
04
Select the Embed Code element

Now, let's head to your Weebly website's editor.

On the Weebly Editor, select the Embed Code element on the left panel.

Select the Embed Code element
05
Place the Embed Code element on your page

Drage and place the Embed Code element on your page, wherever you wish the Quiz Maker to show.

Place the Embed Code element on your page
06
Add the Quiz Maker Embed Code

Now simply paste the Quiz Maker embed code here. You will see a loading icon.

Add the Quiz Maker Embed Code
07
Enter the HTML window

Click the Embed Code element you've added to enter the HTML window.

Enter the HTML window
08
Click the Edit Custom HTML button

In the window that opens, click the Edit Custom HTML button.

Click the Edit Custom HTML button
09
Past the Quiz Maker embed code

Now, simply paste the Quiz Maker embed code in the Custom HTML window.

Past the Quiz Maker embed code
10
Close the Custom HTML window

Click anywhere on the screen outside the Custom HTML window to close it.

Close the Custom HTML window