 |
| How to embed a survey or quiz on your website or blog |
 |
|
| Contents |
| |
|
 |
|
| Getting Started |
|
| This tutorial will show you how to embed a hosted file, such as a quiz or survey, on your website or blog. For this tutorial we will be using Wildform Flair to create the quiz or survey and a subscription to Wildform Online where we will upload our file once we are finished creating it. If you have not done so already, you may sign up for a 30 day free trial of Wildform Online. |
| Top |
|
|
| Creating a survey in Flair |
|
| Open Wildform Flair, select Create New Project and name your project. |
|
|
|
| To create a quiz or survey, select the Create Quiz item under the Tools menu. |
|
|
|
| The Quiz Creator window will open. We change the title of the quiz, select the "Right" template and then click the "Edit a Copy" to make changes to this template. If you do not want to change the template, simple click the Next button. |
|
|
|
The Customize Template window will open. We will change the background color and the panel color, as well as the template name. Because we are going to insert this quiz into a blog, we will change the width of the quiz to 450 pixels and check the Constrain box, so that the proportions of the template are maintained. After these changes are made, click the Save button. |
|
|
|
You will be returned to the main Quiz Creator window. Note that our new template is in the template window. We can reuse this template at any time. Click the Next button. |
|
|
|
In this window you will add your questions. Click the add button at the bottom of the screen and then in the question field, type in your question. For the question type we will select "Multiple Choice, Multiple Selection" since our test takers can select multiple answers. We will also make sure that the "Test Mode" is selected, since we are creating a quiz not a survey. |
|
|
|
| Now in the Choices box click the add button and add your choices. Check the boxes that are the correct answers. |
|
|
|
| If you want to add more questions to the quiz, click the add button and repeat the process. You may choose more questions types in the drop down menu in the Question Editor. |
|
|
|
| Once you are finished adding your questions and answers, click next. You may now preview your quiz. If you want to make further changes, click the back button. If you are happy with your quiz, select the Save & Insert button. Your quiz will now be visible on your Flair stage. If you want to edit your quiz again, right click on the quiz and select Edit Object. |
|
|
|
| Make sure that the dimensions of your project are the same as the dimensions of your quiz and then export your file. Quit Flair. |
| Top |
|
|
| Uploading your file to Wildform Online |
|
Go to Wildform Online and login to your account. If you do not yet have an account, click the "Register" link to register. You will be asked to create a user name and password, which will enable you to login in and sign up for a free account. For more help signing up for an account please see our Getting Started with Wildform Online tutorial.
Once you have logged in, click the "Add a quiz" button. |
|
|
|
| The Add a New Quiz screen will appear. We will title the quiz "Embedded Quiz" and browse to our Flair Projects directory to find the EmbeddedQuiz.swf we just created. Scroll to the bottom of this page and click the Add button. |
|
|
| Top |
|
|
| Getting the embed quiz code |
|
| Next you will be taken to this screen where you have the options. Click the Embed Quiz link. |
|
|
|
| You will now be taken the this window. Copy the code you see in the window and paste it on the web page where you want to embed your quiz. |
|
|
|
| Top |
|
|
| Inserting your embed code into an HTML page or blog |
|
Take the code you copied.... |
|
|
|
| and paste it into your HTML page or blog. For this tutorial we will paste it into this web page. When you publish your web page you will see the quiz. Below is the embedded quiz. Take the quiz. |
|
|
|
|
| First enter your name and your email address. |
|
|
|
| Click the next button and your quiz will appear. Now begin the quiz. |
|
|
|
| At the end of the quiz you will get a score report. You can also copy your results to a clipboard. |
|
|
|
| Top |
|
|
| Checking the results |
|
If you checked the send results to user box when adding your quiz in Wildform Online the results will be emailed to the address you entered in the box above. You as the creator of the quiz can see all of the results of all of the people who have taken your quiz by returning to your Wildform Online account. In Wildform Online, click on the Reports link in the top navigation. You will see that Wildform Online generates a number of reports for you to view. We will click on "Peoples' answers on quizzes and surveys." |
|
|
|
| In the next screen you will be asked to select the quiz or survey for which you want to run the report. We will select "Embedded Quiz" and click the Run Report button. |
|
|
|
One person has taken our quiz and that person has answered all of the questions correctly. Therefore, our report looks like this. |
|
|
|
You may return to your reports list and run additional reports.
For more information on reports and all of the features of Wildform Online, please visit our tutorials page. |
| Top |
