Usage Guide
Popup widgets
Setting up the widgetWidget configurationsWidget stylesForms
Setting up the formForm configurationsForm stylesConfiguring the AI
Contextualizing the AIFeedback
Reading the feedbackFeedback structures
Single-questionAI-PoweredIntegrations Guide
Integrations
IntegrationsIntegrations
Portals.co can be easily integrated with any website. Below you shall find instructions which will guide you when integrating with leading website builders.
Portals.co Forms can easily be linked in the body of an email.
HTML
To add your Portals.co popup widget to any HTML web page, simply retrieve your Portal.co widget’s <script> tags, and paste them inside the <body> tags of your web page, just before the closing </body> tag.
Webflow
To add your Portals.co popup widget to any Webflow page, simply retrieve your widget’s <script> tags, and add them before the </body> tag of your page.
- Open your site in the Designer
- Open Page settings for the page where you’d like to add your code
- Add your custom code to the Before </body> tag section under Custom code
- Save your changes
Adding your <script></script> tags just before the closing </body> tag ensures your site pages load all their content before the JavaScript is processed, which helps with page load speed and provides a better user experience.
Wordpress
To add your Portals.co popup widget to any Wordpress web page, simply add your widget’s <script> tags by using the free WPCode plugin:
Wix
- Go to Settings in your site's dashboard.
- Click the Custom Code tab in the Advanced section.
- Click + Add Custom Code at the top right.
- Paste the code snippet in the text box.
- Enter a name for your code (eg. “Portals.co”)
- Select an option under Add Code to Pages:
- All pages: This adds Portals.co widget to all of your site's pages, including any new pages that you create in the future. Choose whether to load the code only once per visit, or on each page your visitor opens.
- Choose specific pages: Use the drop-down menu to select the relevant pages that you want the Portals.co widget to display on.
- Place your Portals.co widget’s <script> tags in:
- Body - end
- Click Apply.
Squarespace
To add your Portals.co popup widget to any Squarespace page, simply retrieve your widget’s script tags and add them your to your Squarespace site via code injection.
To add custom code to code injection:
- Open the Code Injection panel.
- Add valid HTML or scripts into the appropriate Code Injection fields for the header, footer, lock page, order confirmation page, or order status page.
- After adding your code, click Save.
Shopify
To add your Portals.co popup to your Shopify page:
- From your Shopify admin, go to Online Store > Themes.
- Click ... > Edit code.
- Paste your Portals.co widget’s <script> tag just before of the Shopify theme’s closing </body> tag:
Super.so
To add your Portals.co popup to your Super.so page, simply retrieve your widget’s <script> tags, navigate to the Code tab, and then add them to the Body code section:
← Previous