Hi again! I have one more question. Does Replo has...
# replo-help
s
Hi again! I have one more question. Does Replo has an integration with typeform? In other words, is it possible to showcase an information from a typeform directly to a Replo page? In my case, the customer uses a typeform to describe its dog and I would like to showcase the name of the dog on the product page. Thank you!
t
This post is now synced! Check it out here: Replo Integration: Display Typeform Data on Product Pages ⤵️ Any future comments will be automatically posted to the thread
Community Guidelines ▶︎ Related Discussions 1. Can the Shopify Cross-Sell App Work with Replo? <!date^1728971100^({ago})>
c
Hi Sacha! You can embed Typeform forms onto Replo pages by copying the embed code provided by Typeform, and pasting it into a code block component on Replo. Here is a quick loom on how to do that: https://www.loom.com/share/0ba37d63d4894ea0b02d7f2c9d6685d7?sid=54f1472a-08bb-4650-ac86-a709fb73095d
s
Hi @Carissa Cui thank you! My question was: is it possible to display an info from a type form questionnaire directly into an other Replo page? For example, a customer gives his dog name « Chuck » and I would like to create a page on Replo saying « Welcome Chuck »
c
Ohh I see! You can achieve this with a redirect with query params • In Typeform, after submission, you can redirect to a Replo page and pass the answer as a URL parameter (e.g.
...?dog=Chuck
). • In Replo, you’d need a little JS in a code block to read
dog=Chuck
from the URL and update the page content with
Welcome Chuck
. Setting up the URL params in Typeform: 1. Add a Short text question: “What’s your dog’s name?” 2. Go to Endings → + → Redirect to URL. 3. In the URL box, type your Replo page, e.g. 4.
<https://yourstore.com/pages/welcome?dog=>
5. then click the ➕ picker and insert the answer to the dog-name question. Typeform will drop in the correct “recall” token so each respondent’s value is appended automatically. In Replo: 1. Add a text component (eg. "Welcome Friend!") 2. In the text component's configs, under Dataset Attributes, tag it as
dog-name
, value =
true
3. Add an HTML Code Block under the text block and add the following code snippet (this code snippet works specifically for this dog/dog-name example):
Copy code
<script>
document.addEventListener('DOMContentLoaded', function () {
  const p = new URLSearchParams(location.search);
  const raw = p.get('dog');
  if (!raw) return;
  const name = raw.trim().replace(/\s+/g,' ')
    .split(' ').map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(' ');
  const el = document.querySelector('[data-dog-name]');
  if (el) el.textContent = `Welcome ${name}`;
});
</script>
4. Publish the page On this live page URL, if you append "?dog=charlie" to the end, it will update the text block accordingly! Hope this helps
s
Hi @Carissa Cui thank you for your reply! I cannot manage to make this work. Any chance you could make a quick Loom so that I can see where my problem is? Thank you so much for your help!
c
Hi! Did you already set up everything on the Typeform side correctly? Can you send me a link to your dashboard so I can take a look?
s
Hi @Carissa Cui yes everything is set up as you said on Typeform. Here is a URL redirect example: https://boutique.pettywell.com/products/notre-recommandation-croquettes-chien-sans-cereales-saumon-thon-toutes-tailles?variant=54993774379334/welcome?dog=[@questionishere] In case you need it, my typeform link is here: https://form.typeform.com/to/u5bo0ygi