Integrated Extensions

Regardless of which method you use (iFrame code or WordPress widget) you will need to set up integrated extensions, which enable you to display content from your Vasto widget collection on other websites and platforms.

Request API Keys

You will require a separate key for each different domain that your Vasto widgets will be displayed on.

Widgets may not work correctly if there are not API keys created for the website domain which is displaying the widget.

For example - if you are displaying widgets on www.mywebsite.com with iFrame code and there is not an API key created for this website, the widget may not function as intended.

1. Navigate to Connect > Widgets
2. Scroll down to Integrated Extensions - API Keys on the left side of the screen
3. Click button to Request new keys
4. Enter the domain name (without the https:// prefix) and click Submit

Your new keys will be populate as a list in the API Keys section. 

Each domain will have a unique API Key and a Secret Key. 

iFrame Code

When a widget is created, Vasto will generate a unique iFrame code which can be copied and pasted into your website code. This will make the widget display on your web page.

1. Navigate to Connect > Widgets
   
   
2. Scroll down to your Widget Collection, and click the edit button to view the widget editor
   
   
   
3. Scroll to the bottom of the widget editor, and click button to <>get code
   
   
   
4. This will further reveal the Widget Insertion Code which you should copy and paste onto your website where you want the widget to display
   

WordPress Plugin

If you have a WordPress website, you can install the Vasto Educator Widgets Plugin. This allows you to access your Vasto widget collection from within WordPress using shortcodes. Dynamic integrated content will match your WordPress theme. These integrations do not use iFrames.

1. Download the Vasto Educator WordPress Plugin

• Navigate to Connect > Widgets
• Scroll down to Integrated Extensions - WordPress on the left side of the screen
• Click the button to Download to obtain the plugin ZIP file titled "vasto.zip"

2. Install the Vasto Educator Plugin to your WordPress website

• Open your WordPress administration dashboard (wp-admin)
• Click into Plugins then click Add New at the top
  
• Click Upload Plugin (Next to Add Plugins at the top)
  
• Select the "vasto.zip" file from your saved files. (This is the file you downloaded in the previous step)
• Once the plugin has successfully installed, click Activate Plugin 
  

3. WordPress Plugin Configuration

• From the left menu in WordPress administration, select Vasto and Settings
  
• Enter the API Key and the Secrect Key that correspond to the domain the WordPress site uses
  Click Update Key once you have entered both keys
  

Using the WordPress Plugin

All of your Vasto widgets will be available as WordPress shortcodes. 

1. Navigate to Vasto > Widget List in your WordPress administration panel
   
2. Copy the shortcode for the widget you wish to use, and paste it into the body of the page in which you want your widget to appear