{"id":187,"date":"2022-12-04T07:13:35","date_gmt":"2022-12-04T07:13:35","guid":{"rendered":"https:\/\/quiz.seeksolution.in\/help\/?p=187"},"modified":"2022-12-07T07:39:18","modified_gmt":"2022-12-07T07:39:18","slug":"how-to-embed-your-quiz","status":"publish","type":"post","link":"https:\/\/quiz.seeksolution.in\/help\/?p=187","title":{"rendered":"How to embed your quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"187\" class=\"elementor elementor-187\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f0ef04e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f0ef04e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c209cfd\" data-id=\"5c209cfd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b26a8be elementor-widget elementor-widget-heading\" data-id=\"b26a8be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><h1 style=\"margin: 20px 0px 10px; font-size: 36px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); white-space: normal;\">How to embed your quiz<\/h1><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36436e14 elementor-widget elementor-widget-text-editor\" data-id=\"36436e14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:paragraph -->\n<p>With FlexiQuiz, you can embed your quiz into your website so that participants can take the test, purchase a quiz, and view results without ever leaving your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There is also the option to change color themes, text, and remove FlexiQuiz branding so that the quiz looks like it&#8217;s part of your site. The customization options depend on your&nbsp;<a href=\"https:\/\/www.flexiquiz.com\/Home\/Plans\">FlexiQuiz plan<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>FlexiQuiz will provide some basic HTML code so that an iframe can be added to your website. If you have a Premium or Enterprise plan, we can also provide you with some embed code that is designed to be responsive to screen size.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This guide shows you how to add the iframe to the HTML code on your site when sharing a test using a quiz link or Respondent account.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>How to embed your test using a quiz link<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li>Log into your FlexiQuiz account and select the quiz that you would like to embed on your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Go to the Publish screen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Open the quiz quiz<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>From the&nbsp;<strong>Distribution<\/strong>&nbsp;list, tick&nbsp;<strong>Use Quiz Link<\/strong><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/2f61f43b-a744-4796-ae7f-1ed458ee38c6_a4e77cbc-cbb3-4a60-b10e-8d58c283f862\" alt=\"Flexiquiz publish page\"><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Copy and save the URL shown in the white boxThis URL will be used in the&nbsp;<strong>src<\/strong>&nbsp;property of the following code to link people directly to your quiz.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Copy and paste the following code into your site: <code>&lt;iframe src=\"YOUR QUIZ URL HERE?i=t\" style=\"min-width:100%;border-width:0;height:500px;overflow:scroll;\"&gt;&lt;\/iframe&gt;<\/code><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Replace the&nbsp;<strong>src<\/strong>&nbsp;attribute with the URL for your quiz<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><strong>Important!<\/strong>&nbsp;In the iframe src attribute keep the&nbsp;<strong>?i=t<\/strong>&nbsp;code. This code will resize the test as the respondent navigates pages within the quiz.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Your quiz will now be embedded in your site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Top tip!<\/strong>&nbsp;If you make changes to your test on flexiquiz.com, the updates will be automatically reflected on the quiz shown on your site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>How to embed your Respondent portal<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you&#8217;ve set up your respondents with individual accounts, you can embed an unbranded log in screen with a Respondent portal within your site. Respondents log in with a unique username and password to access their dashboard with assigned quizzes.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This is an example of the unbranded log in screen:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/2f61f43b-a744-4796-ae7f-1ed458ee38c6_bdb79cf7-9ccd-4a79-854b-0f6d94db8eb0\" alt=\"Unbranded FlexiQuiz log in screen\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Enterprise members can remove the FlexiQuiz logo and add a custom logo using the customize Respondent portal options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed an unbranded log in screen to use with Respondent portals, use this HTML code:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">    <code>\n&lt;iframe src=\"https:\/\/www.flexiquiz.com\/Account\/SI?i=t\" style=\"width:100%;min-height:1000px;border-width:0;\"&gt;&lt;\/iframe&gt;\n    <\/code>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>You can add a virtual keyboard to the log in screen that looks like this:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/2f61f43b-a744-4796-ae7f-1ed458ee38c6_970df581-aad1-4f25-9a75-26744b711f47\" alt=\"FlexiQuiz log in screen with virtual keyboard\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>The following parameters can be added to the src URL to add a virtual keyboard.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">    <code>\n&lt;iframe src=\"https:\/\/www.flexiquiz.com\/Account\/SI?i=t&amp;k=t\" style=\"width:100%;min-height:1000px;border-width:0;\"&gt;&lt;\/iframe&gt;\n    <\/code>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>To include a password reset, the following parameters can be added to the src URL.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">    <code>\n&lt;iframe src=\"https:\/\/www.flexiquiz.com\/Account\/SI?i=t&amp;rp=t\" style=\"width:100%;min-height:1000px;border-width:0;\"&gt;&lt;\/iframe&gt;\n    <\/code>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>To include a virtual keyboard and password reset, the following parameters can be added.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">    <code>\n&lt;iframe src=\"https:\/\/www.flexiquiz.com\/Account\/SI?i=t&amp;k=t&amp;rp=t\" style=\"width:100%;min-height:1000px;border-width:0;\"&gt;&lt;\/iframe&gt;\n    <\/code>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>The Embed quiz option is available for Premium and Enterprise members only. If you have any further queries, please&nbsp;<a href=\"https:\/\/www.flexiquiz.com\/Home\/Contact\">contact us<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Relevant help guides<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/publish\/ways-to-share-your-online-quiz\">Share a test with a quiz link<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/publish\/assign-to-users\">How to share quizzes with Respondent accounts<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/users-and-groups\/customizing-a-respondent-portal\">Customize Respondent portals<\/a><\/p>\n<!-- \/wp:paragraph -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30c369e elementor-widget elementor-widget-button\" data-id=\"30c369e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/quiz.seeksolution.in\/help\/\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Back<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How to embed your quiz With FlexiQuiz, you can embed your quiz into your website so that participants can take the test, purchase a quiz, and view results without ever leaving your website. There is also the option to change color themes, text, and remove FlexiQuiz branding so that the quiz looks like it&#8217;s part [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/187"}],"collection":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=187"}],"version-history":[{"count":4,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/187\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/187\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}