Bubble plugin for text similarity
This article will help you build a web app with Bubble and connect Peltarion’s text similarity plugin for Bubble.
Note: The Bubble interface may change, but the functionality should be the same. So bare with us if our description differs a bit from what you see on your screen.
-
Create an account on bubble.io.
-
When you get in, you’ll be taken through a tutorial to get you started. You can do the intro now if you want, but you don’t have to since we have detailed instructions below for this particular app.
-
Create a new app and start with a blank page.
Add the Peltarion plugin to Bubble
-
Navigate to the Plugins tab.
-
Click Add plugins.
-
Search for Peltarion.
-
Select Peltarion(text similarity) and click Install.
-
Click Done.
Design the app
-
Navigate to the Design tab.
-
Drag and drop the following components to the canvas:
-
Input
-
Button
-
Repeating group
-

Repeating group
Doubleclick on the Repeating group component.
-
In the property window, select Call (Peltarion Text Sim) for Type of content.
-
Drag and drop a Text component to the first cell of the Repeating group.
If you fit it nicely into the first cell, the text component will repeat in the cells below. -
Doubleclick on the Text component.
In the property window click the top input field and select Insert dynamic data-
First select Current cell’s Call (Peltarion Text Sim)
-
Then select 'text.
-
Button
Doubleclick on the Button.
-
Replace
…edit me…
withSearch
. -
In the property window click Start/edit workflow.
-
Add an action to the workflow.
-
Go to Element actions and select Display list under Repeating group.
-
For Data source, select Get data from external API.
For API provider, select Peltarion text sim - Call API.
Body (JSON object)
Fill in the parameters in this order. You can’t redo. We’ve asked Bubble why. If you encounter a problem the only solution is to create a new app and start over from the beginning. Sorry.
-
For the following parameters, use the information in the Deployment view on the Peltarion platform:
-
URL
→ Your experiment’s URL -
Token
→ Your experiment’s token -
queryName
→ Input parameter for your experiment -
outputName
→ Output parameter for your experiment
-

-
For the query parameter in the Body field perform the following steps:
-
Select the word SEARCH-QUERY
-
Click Insert dynamic data value between the quotes
-
Select Input A’s value.
-
When you’re done, it should look something like this:
{ "url": "<YOUR URL>", "token":"<YOUR URL>>", "queryName":"<the name of your input>", "query":"<Input element's value (e.g. Input A)>", "outputName":"<the name of your output>", "limit": 5 }
Test the app
You’re done! Click Preview to run the app and try it out.