Embed your JST widget in Drupal

Locating JST Widget Code

1. First of all go to the Branding page either from the Main Dashboard or from the Side Menu
2. On the General tab scroll down to Widget.
3. Here you will find a preview of the Widget as well as the code snippet. Click Copy Code and then paste into your webpage

Create a Block in Drupal

1.  In your Drupal instance head to Manage -> Content and select the Blocks tab
2. Click on the + Add content block button.
3. In Block description write the name you wish to use for your block. Throughout the guide we will be using SciFree Widget
4. Below the Body section, in Text Format, select Full HTML. Now, in Body, click the Source button:
    
5. Now you can paste the copied JST widget code into the body and click Save.

Choosing the webpage to add the JST widget to

Once you have create a block you will now need to decide where you want to show the JST widget. This can be added to a page but also a header, sidebar or other type of content. In this example we will be embedding it in to page named SciFree Widget Page Example

1. Click on the page you want to embed it to
   
2. Click on the Edit tab and copy the URL Alias - this can be found on the right hand side.
3. If your page has no alias, you can copy the node URL - you will only need the path part. For example for the URL https://yourwebsite.org/search-journal The path is: /search-journals

Add the widget to the target page

1.  In Drupal go to Manage -> Structure -> Block layout.
2. Find the place where you want to place the widget and click the Place Block button next to it. In our case, we chose Content.
    
3. A dialog box will then appear with a search box for you to search for the desired block. Search for the name of your JST Widget block, in our example we used SciFree widget
4. The JST Widget block you created earlier will then appear. Click on Place block.
5. A new dialog will open to configure the block placing details. In Pages, paste the path we copied earlier in Choosing the webpage to add the JST widget to. In our case /scifree-widget-example.
6. Here you can also customise the region in which you want to show it, in this example we will leave it in Content.

Below is an example of what it can look like when done: 

Please send us a message if the information provided needs more steps and/or if it worked: support@scifree.se