diff --git a/apps/builder/components/templates/data.ts b/apps/builder/components/templates/data.ts
index ab9c3ebdff7..6484742859e 100644
--- a/apps/builder/components/templates/data.ts
+++ b/apps/builder/components/templates/data.ts
@@ -10,6 +10,11 @@ export const templates: TemplateProps[] = [
{ name: 'Customer Support', emoji: 'đ', fileName: 'customer-support.json' },
{ name: 'Quiz', emoji: 'đšī¸', fileName: 'quiz.json' },
{ name: 'Lead Scoring', emoji: 'đ', fileName: 'lead-scoring.json' },
+ {
+ name: 'Digital Product Payment',
+ emoji: 'đŧī¸',
+ fileName: 'digital-product-payment.json',
+ },
{
name: 'FAQ',
emoji: 'đŦ',
diff --git a/apps/builder/public/templates/digital-product-payment.json b/apps/builder/public/templates/digital-product-payment.json
new file mode 100644
index 00000000000..515967acef1
--- /dev/null
+++ b/apps/builder/public/templates/digital-product-payment.json
@@ -0,0 +1,493 @@
+{
+ "id": "cl3u43chu40824z1acel3iw1c",
+ "createdAt": "2022-05-31T12:04:12.930Z",
+ "updatedAt": "2022-05-31T12:31:12.867Z",
+ "icon": "đŧī¸",
+ "name": "Digital Product Payment",
+ "publishedTypebotId": null,
+ "folderId": null,
+ "blocks": [
+ {
+ "id": "cl3u43cht00044z1adg20ffni",
+ "steps": [
+ {
+ "id": "cl3u43chu00054z1abb5x7fzk",
+ "type": "start",
+ "label": "Start",
+ "blockId": "cl3u43cht00044z1adg20ffni",
+ "outgoingEdgeId": "cl3u448z200062e6gr653itny"
+ }
+ ],
+ "title": "Start",
+ "graphCoordinates": { "x": 0, "y": 0 }
+ },
+ {
+ "id": "cl3u4431400042e6go5nd0euq",
+ "graphCoordinates": { "x": 365, "y": 126 },
+ "title": "Name",
+ "steps": [
+ {
+ "id": "cl3u4431500052e6gruhlxklx",
+ "blockId": "cl3u4431400042e6go5nd0euq",
+ "type": "text",
+ "content": {
+ "html": "
Hi there đ
",
+ "richText": [
+ { "type": "p", "children": [{ "text": "Hi there đ" }] }
+ ],
+ "plainText": "Hi there đ"
+ }
+ },
+ {
+ "id": "cl3u4592z00082e6go92cuu43",
+ "blockId": "cl3u4431400042e6go5nd0euq",
+ "type": "text",
+ "content": {
+ "html": "What's your name?
",
+ "richText": [
+ { "type": "p", "children": [{ "text": "What's your name?" }] }
+ ],
+ "plainText": "What's your name?"
+ }
+ },
+ {
+ "id": "cl3u45f0n000a2e6gci2xgmph",
+ "blockId": "cl3u4431400042e6go5nd0euq",
+ "type": "text input",
+ "options": {
+ "isLong": false,
+ "labels": {
+ "button": "Send",
+ "placeholder": "John"
+ },
+ "variableId": "vcl3u45hek000b2e6gkl05z1da"
+ },
+ "outgoingEdgeId": "cl3u45j0n000c2e6go4nnaavg"
+ }
+ ]
+ },
+ {
+ "id": "cl3u45dib00092e6g4q2tdkpu",
+ "graphCoordinates": { "x": 705, "y": 121 },
+ "title": "Product demo",
+ "steps": [
+ {
+ "id": "cl3u45lqz000d2e6gxo4n5ets",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "text",
+ "content": {
+ "html": "Cool, nice to meet you {{Name}}
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [{ "text": "Cool, nice to meet you {{Name}}" }]
+ }
+ ],
+ "plainText": "Cool, nice to meet you {{Name}}"
+ }
+ },
+ {
+ "id": "cl3u44adg00072e6gc13e1n12",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "text",
+ "content": {
+ "html": "I've been working on a Notion template for the last 3 months to help you Grow your business.
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "I've been working on a Notion template for the last 3 months to help you Grow your business."
+ }
+ ]
+ }
+ ],
+ "plainText": "I've been working on a Notion template for the last 3 months to help you Grow your business."
+ }
+ },
+ {
+ "id": "cl3u46b0i000e2e6gkpf4qiry",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "text",
+ "content": {
+ "html": "It is based on the Bullseye Growth Framework
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ { "text": "It is based on the Bullseye Growth Framework" }
+ ]
+ }
+ ],
+ "plainText": "It is based on the Bullseye Growth Framework"
+ }
+ },
+ {
+ "id": "cl3u49lmg000f2e6guhhgf825",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "video",
+ "content": {
+ "type": "url",
+ "url": "https://typebot.s3.eu-west-3.amazonaws.com/assets/bullseye+template+preview.mp4"
+ }
+ },
+ {
+ "id": "cl3u4hyl9000i2e6gtdz8m04b",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "text",
+ "content": {
+ "html": "It's yours for $9
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "It's yours for $9"
+ }
+ ]
+ }
+ ],
+ "plainText": "It's yours for $9"
+ }
+ },
+ {
+ "id": "cl3u4hyl9000i2e6gtdz8m04a",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "text",
+ "content": {
+ "html": "Are you interested in receiving a copy of this template?
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "Are you interested in receive a copy of this template?"
+ }
+ ]
+ }
+ ],
+ "plainText": "Are you interested in receive a copy of this template?"
+ }
+ },
+ {
+ "id": "cl3u4id67000l2e6gahw4v1ny",
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "type": "choice input",
+ "options": { "buttonLabel": "Send", "isMultipleChoice": false },
+ "items": [
+ {
+ "id": "cl3u4id67000m2e6g3x3do8kd",
+ "stepId": "cl3u4id67000l2e6gahw4v1ny",
+ "type": 0,
+ "content": "Hell yes!",
+ "outgoingEdgeId": "cl3u4l4do00102e6ghd9s5p3f"
+ },
+ {
+ "stepId": "cl3u4id67000l2e6gahw4v1ny",
+ "type": 0,
+ "id": "cl3u4iexy000o2e6gbagmrxcc",
+ "content": "I'm ok, thanks.",
+ "outgoingEdgeId": "cl3u4jxq2000v2e6gkpwko0uo"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "id": "cl3u4iw28000s2e6gdmukl6qb",
+ "graphCoordinates": { "x": 897, "y": 960 },
+ "title": "Bye",
+ "steps": [
+ {
+ "id": "cl3u4iw29000t2e6gakbxvz4u",
+ "blockId": "cl3u4iw28000s2e6gdmukl6qb",
+ "type": "text",
+ "content": {
+ "html": "Oh ok, feel free to come back when you feel ready {{Name}}!
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "Oh ok, feel free to come back when you feel ready {{Name}}!"
+ }
+ ]
+ }
+ ],
+ "plainText": "Oh ok, feel free to come back when you feel ready {{Name}}!"
+ }
+ },
+ {
+ "id": "cl3u4jcyt000u2e6gzyj2p5ss",
+ "blockId": "cl3u4iw28000s2e6gdmukl6qb",
+ "type": "image",
+ "content": {
+ "url": "https://media3.giphy.com/media/48FhEMYGWji8/giphy.gif?cid=fe3852a32dqdmhdazal2zzctxpxukjx171k0e4eflp0w36jf&rid=giphy.gif&ct=g"
+ }
+ }
+ ]
+ },
+ {
+ "id": "cl3u4kblb000w2e6gfflsq56p",
+ "graphCoordinates": { "x": 1072, "y": 588 },
+ "title": "Email",
+ "steps": [
+ {
+ "id": "cl3u4kblb000x2e6g49rot8h0",
+ "blockId": "cl3u4kblb000w2e6gfflsq56p",
+ "type": "text",
+ "content": {
+ "html": "That's awesome!
",
+ "richText": [
+ { "type": "p", "children": [{ "text": "That's awesome!" }] }
+ ],
+ "plainText": "That's awesome!"
+ }
+ },
+ {
+ "id": "cl3u4khsx000y2e6gx9iysgt4",
+ "blockId": "cl3u4kblb000w2e6gfflsq56p",
+ "type": "text",
+ "content": {
+ "html": "What's the email address where you want to receive the link?
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "What's the email address where you want to receive the link?"
+ }
+ ]
+ }
+ ],
+ "plainText": "What's the email address where you want to receive the link?"
+ }
+ },
+ {
+ "id": "cl3u4l2et000z2e6gjlmh45jp",
+ "blockId": "cl3u4kblb000w2e6gfflsq56p",
+ "type": "email input",
+ "options": {
+ "labels": { "button": "Send", "placeholder": "Type your email..." },
+ "retryMessageContent": "This email doesn't seem to be valid. Can you type it again?",
+ "variableId": "vcl3u4n1vk00162e6gs6x59o2k"
+ },
+ "outgoingEdgeId": "cl3u4mbrj00142e6gxif5x53i"
+ }
+ ]
+ },
+ {
+ "id": "cl3u4leig00112e6gxbk65r7y",
+ "graphCoordinates": { "x": 1400, "y": 589 },
+ "title": "Payment",
+ "steps": [
+ {
+ "id": "cl3u4leig00122e6gqx7skfhb",
+ "blockId": "cl3u4leig00112e6gxbk65r7y",
+ "type": "text",
+ "content": {
+ "html": "Sounds good.
",
+ "richText": [
+ { "type": "p", "children": [{ "text": "Sounds good." }] }
+ ],
+ "plainText": "Sounds good."
+ }
+ },
+ {
+ "id": "cl3u4llj300132e6gciw2ivyv",
+ "blockId": "cl3u4leig00112e6gxbk65r7y",
+ "type": "text",
+ "content": {
+ "html": "You're a step away from implementing proven growth systems to your business đ
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "You're a step away from implementing proven growth systems to your business đ"
+ }
+ ]
+ }
+ ],
+ "plainText": "You're a step away from implementing proven growth systems to your business đ"
+ }
+ },
+ {
+ "id": "cl3u4mjq900152e6grwyg90zt",
+ "blockId": "cl3u4leig00112e6gxbk65r7y",
+ "type": "payment input",
+ "options": {
+ "provider": "Stripe",
+ "labels": { "button": "Pay" },
+ "currency": "USD",
+ "amount": "9",
+ "credentialsId": "cl3u3li3f35224z1akf9iclk7",
+ "additionalInformation": {
+ "name": "{{Name}}",
+ "email": "{{Email}}"
+ }
+ },
+ "outgoingEdgeId": "cl3u4wynv001b2e6g6pxc7int"
+ }
+ ]
+ },
+ {
+ "id": "cl3u4vnth00182e6g2hh0gewl",
+ "graphCoordinates": { "x": 1731.4449652273986, "y": 586.6975439409757 },
+ "title": "Send email",
+ "steps": [
+ {
+ "id": "cl3u4wi2d001a2e6gznp1r9d4",
+ "blockId": "cl3u4vnth00182e6g2hh0gewl",
+ "type": "image",
+ "content": {
+ "url": "https://media1.giphy.com/media/s2qXK8wAvkHTO/giphy.gif?cid=fe3852a3edx7hsbquhw3lu17c422yzc6wsiplnpn02rzm2kf&rid=giphy.gif&ct=g"
+ }
+ },
+ {
+ "id": "cl3u4xcqc001c2e6g355vnigh",
+ "blockId": "cl3u4vnth00182e6g2hh0gewl",
+ "type": "Email",
+ "options": {
+ "credentialsId": "default",
+ "recipients": ["{{Email}}"],
+ "subject": "Here is your Bullseye Framework template đ",
+ "body": "Hey {{Name}},\n\nThank you again for buying the template.\n\nHere is the link where you can duplicate it:\n\nhttps://baptistearno.notion.site/Growth-Framework-Bullseye-c2166e03d99340daa1aa87e4356bdc83\n\nFeel free to tell me what I can improve.\n\nBaptiste."
+ }
+ },
+ {
+ "id": "cl3u5189q001d2e6gd1q7qshq",
+ "blockId": "cl3u4vnth00182e6g2hh0gewl",
+ "type": "text",
+ "content": {
+ "html": "It's all good, you should have received the email!
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [
+ {
+ "text": "It's all good, you should have received the email!"
+ }
+ ]
+ }
+ ],
+ "plainText": "It's all good, you should have received the email!"
+ }
+ },
+ {
+ "id": "cl3u51mpe001e2e6ggrjjzxek",
+ "blockId": "cl3u4vnth00182e6g2hh0gewl",
+ "type": "text",
+ "content": {
+ "html": "Thanks again for your visit.
",
+ "richText": [
+ {
+ "type": "p",
+ "children": [{ "text": "Thanks again for your visit." }]
+ }
+ ],
+ "plainText": "Thanks again for your visit."
+ }
+ },
+ {
+ "id": "cl3u51z0o001f2e6gbl96p7bi",
+ "blockId": "cl3u4vnth00182e6g2hh0gewl",
+ "type": "text",
+ "content": {
+ "html": "Bye đ
",
+ "richText": [{ "type": "p", "children": [{ "text": "Bye đ" }] }],
+ "plainText": "Bye đ"
+ }
+ }
+ ]
+ }
+ ],
+ "variables": [
+ { "id": "vcl3u45hek000b2e6gkl05z1da", "name": "Name" },
+ { "id": "vcl3u4n1vk00162e6gs6x59o2k", "name": "Email" }
+ ],
+ "edges": [
+ {
+ "from": {
+ "blockId": "cl3u43cht00044z1adg20ffni",
+ "stepId": "cl3u43chu00054z1abb5x7fzk"
+ },
+ "to": { "blockId": "cl3u4431400042e6go5nd0euq" },
+ "id": "cl3u448z200062e6gr653itny"
+ },
+ {
+ "from": {
+ "blockId": "cl3u4431400042e6go5nd0euq",
+ "stepId": "cl3u45f0n000a2e6gci2xgmph"
+ },
+ "to": { "blockId": "cl3u45dib00092e6g4q2tdkpu" },
+ "id": "cl3u45j0n000c2e6go4nnaavg"
+ },
+ {
+ "from": {
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "stepId": "cl3u4id67000l2e6gahw4v1ny",
+ "itemId": "cl3u4iexy000o2e6gbagmrxcc"
+ },
+ "to": { "blockId": "cl3u4iw28000s2e6gdmukl6qb" },
+ "id": "cl3u4jxq2000v2e6gkpwko0uo"
+ },
+ {
+ "from": {
+ "blockId": "cl3u45dib00092e6g4q2tdkpu",
+ "stepId": "cl3u4id67000l2e6gahw4v1ny",
+ "itemId": "cl3u4id67000m2e6g3x3do8kd"
+ },
+ "to": { "blockId": "cl3u4kblb000w2e6gfflsq56p" },
+ "id": "cl3u4l4do00102e6ghd9s5p3f"
+ },
+ {
+ "from": {
+ "blockId": "cl3u4kblb000w2e6gfflsq56p",
+ "stepId": "cl3u4l2et000z2e6gjlmh45jp"
+ },
+ "to": { "blockId": "cl3u4leig00112e6gxbk65r7y" },
+ "id": "cl3u4mbrj00142e6gxif5x53i"
+ },
+ {
+ "from": {
+ "blockId": "cl3u4leig00112e6gxbk65r7y",
+ "stepId": "cl3u4mjq900152e6grwyg90zt"
+ },
+ "to": { "blockId": "cl3u4vnth00182e6g2hh0gewl" },
+ "id": "cl3u4wynv001b2e6g6pxc7int"
+ }
+ ],
+ "theme": {
+ "chat": {
+ "inputs": {
+ "color": "#303235",
+ "backgroundColor": "#FFFFFF",
+ "placeholderColor": "#9095A0"
+ },
+ "buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
+ "hostAvatar": {
+ "isEnabled": true
+ },
+ "guestAvatar": { "isEnabled": false },
+ "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
+ "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
+ },
+ "general": { "font": "Open Sans", "background": { "type": "None" } }
+ },
+ "settings": {
+ "general": {
+ "isBrandingEnabled": true,
+ "isInputPrefillEnabled": true,
+ "isHideQueryParamsEnabled": true,
+ "isNewResultOnRefreshEnabled": false
+ },
+ "metadata": {
+ "description": "Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form."
+ },
+ "typingEmulation": { "speed": 300, "enabled": true, "maxDelay": 1.5 }
+ },
+ "publicId": null,
+ "customDomain": null,
+ "workspaceId": "cl3ncues300081a1as58wmkxz"
+}