2
0

feat: Add new onboarding flow

This commit is contained in:
Baptiste Arnaud
2022-03-23 09:56:39 +01:00
parent f9aba27aae
commit f4e6f63b26
32 changed files with 1115 additions and 89 deletions

View File

@ -0,0 +1,635 @@
{
"id": "cl128l5vx007509il86n74oer",
"createdAt": "2022-03-22T14:33:05.037Z",
"updatedAt": "2022-03-22T16:33:37.928Z",
"name": "Onboarding",
"ownerId": "ckzmhmiey001009mnzt5nkxu8",
"publishedTypebotId": "cl128n64i00092e69wenv1dlx",
"folderId": null,
"blocks": [
{
"id": "cl1265zct0000mb1a6bir36w7",
"steps": [
{
"id": "cl1265zct0001mb1afel460do",
"type": "start",
"label": "Start",
"blockId": "cl1265zct0000mb1a6bir36w7",
"outgoingEdgeId": "cl1266kt100082e6d1wks5dtp"
}
],
"title": "Start",
"graphCoordinates": { "x": 0, "y": 0 }
},
{
"id": "cl1266bah00032e6dgdnj4vgz",
"steps": [
{
"id": "cl1266bam00042e6dm0gn22vy",
"type": "Condition",
"items": [
{
"id": "cl1266bam00052e6dn1sdjnax",
"type": 1,
"stepId": "cl1266bam00042e6dm0gn22vy",
"content": {
"comparisons": [
{
"id": "cl1266cg600062e6d76qwk74v",
"variableId": "cl126f4hf000i2e6d8zvzc3t1",
"comparisonOperator": "Is set"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl12bk3j6000c2e69bak89ja9"
}
],
"blockId": "cl1266bah00032e6dgdnj4vgz",
"outgoingEdgeId": "cl12bnfyd000g2e69g7lr3czq"
}
],
"title": "Block #1",
"graphCoordinates": { "x": 266, "y": 162 }
},
{
"id": "cl1267q1z000d2e6d949f2ge4",
"steps": [
{
"id": "cl1267q2c000e2e6dynjeg83n",
"type": "text",
"blockId": "cl1267q1z000d2e6d949f2ge4",
"content": {
"html": "<div>Welcome 👋</div>",
"richText": [
{ "type": "p", "children": [{ "text": "Welcome 👋" }] }
],
"plainText": "Welcome 👋"
}
},
{
"id": "cl1267y1u000f2e6d4rlglv6g",
"type": "text",
"blockId": "cl1267q1z000d2e6d949f2ge4",
"content": {
"html": "<div>What&#x27;s your name?</div>",
"richText": [
{ "type": "p", "children": [{ "text": "What's your name?" }] }
],
"plainText": "What's your name?"
}
},
{
"id": "cl126820m000g2e6dfleq78bt",
"type": "text input",
"blockId": "cl1267q1z000d2e6d949f2ge4",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "cl126f4hf000i2e6d8zvzc3t1"
}
},
{
"id": "cl1289y1s00142e6dvbkpvbje",
"type": "Code",
"blockId": "cl1267q1z000d2e6d949f2ge4",
"options": {
"name": "Store Name in DB",
"content": "postMessage({from: \"typebot\", action: \"storeName\", content: \"{{Name}}\"}, \"*\")"
},
"outgoingEdgeId": "cl12bk56s000d2e69oll3nqxm"
}
],
"title": "Block #3",
"graphCoordinates": { "x": 269, "y": 381 }
},
{
"id": "cl126ixoq000p2e6dfbz9sype",
"steps": [
{
"id": "cl1266v6f000a2e6db7wj3ux7",
"type": "text",
"blockId": "cl126ixoq000p2e6dfbz9sype",
"content": {
"html": "<div>Welcome {{Name}} 👋</div>",
"richText": [
{ "type": "p", "children": [{ "text": "Welcome {{Name}} 👋" }] }
],
"plainText": "Welcome {{Name}} 👋"
}
},
{
"id": "cl126hb9m000l2e6d5qk3mohn",
"type": "text",
"blockId": "cl126ixoq000p2e6dfbz9sype",
"content": {
"html": "<div>I&#x27;m super pumped that you&#x27;ve decided to try out Typebot 😍</div>",
"richText": [
{
"type": "p",
"children": [
{
"text": "I'm super pumped that you've decided to try out Typebot 😍"
}
]
}
],
"plainText": "I'm super pumped that you've decided to try out Typebot 😍"
}
},
{
"id": "cl126hpw1000m2e6dneousygl",
"type": "text",
"blockId": "cl126ixoq000p2e6dfbz9sype",
"content": {
"html": "<div>You are small steps away from meaningful, hyper-personalized experience for your users</div>",
"richText": [
{
"type": "p",
"children": [
{
"text": "You are small steps away from meaningful, hyper-personalized experience for your users"
}
]
}
],
"plainText": "You are small steps away from meaningful, hyper-personalized experience for your users"
}
},
{
"id": "cl126guhd000k2e6d6ypkex9z",
"type": "text",
"blockId": "cl126ixoq000p2e6dfbz9sype",
"content": {
"html": "<div>Let&#x27;s get you set up for your Typebot journey.</div>",
"richText": [
{
"type": "p",
"children": [
{ "text": "Let's get you set up for your Typebot journey." }
]
}
],
"plainText": "Let's get you set up for your Typebot journey."
}
},
{
"id": "cl126ixp9000q2e6dslh0zypi",
"type": "text",
"blockId": "cl126ixoq000p2e6dfbz9sype",
"content": {
"html": "<div>Do you work for a specific company?</div>",
"richText": [
{
"type": "p",
"children": [{ "text": "Do you work for a specific company?" }]
}
],
"plainText": "Do you work for a specific company?"
}
},
{
"id": "cl126jb2q000r2e6dgqlnxnt8",
"type": "choice input",
"items": [
{
"id": "cl126jb2q000s2e6dm60yq5p2",
"type": 0,
"stepId": "cl126jb2q000r2e6dgqlnxnt8",
"content": "Yes",
"outgoingEdgeId": "cl126jsoo000x2e6ditu7dgf8"
},
{
"id": "cl126jc5a000t2e6dqv91w7j6",
"type": 0,
"stepId": "cl126jb2q000r2e6dgqlnxnt8",
"content": "No",
"outgoingEdgeId": "cl126l5tx00122e6dmisci6h5"
}
],
"blockId": "cl126ixoq000p2e6dfbz9sype",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
}
],
"title": "Block #5",
"graphCoordinates": { "x": 614, "y": 244 }
},
{
"id": "cl126jioj000u2e6dqssno3hv",
"steps": [
{
"id": "cl126jioz000v2e6dwrk1f2cb",
"type": "text input",
"blockId": "cl126jioj000u2e6dqssno3hv",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type the company name..."
},
"variableId": "cl126jqww000w2e6dq9yv4ifq"
}
},
{
"id": "cl12890kw00132e6dp9v5dexm",
"type": "Code",
"blockId": "cl126jioj000u2e6dqssno3hv",
"options": {
"name": "Store company in DB",
"content": "postMessage({from: \"typebot\", action: \"storeCompany\", content: \"{{Company}}\"}, \"*\")"
},
"outgoingEdgeId": "cl128ag8i00162e6dufv3tgo0"
}
],
"title": "Block #6",
"graphCoordinates": { "x": 969, "y": 308 }
},
{
"id": "cl126krbp00102e6dnjelmfa1",
"steps": [
{
"id": "cl126krck00112e6d1m6ctxpn",
"type": "text",
"blockId": "cl126krbp00102e6dnjelmfa1",
"content": {
"html": "<div>What type of forms are you planning to build with Typebot?</div>",
"richText": [
{
"type": "p",
"children": [
{
"text": "What type of forms are you planning to build with Typebot?"
}
]
}
],
"plainText": "What type of forms are you planning to build with Typebot?"
}
},
{
"id": "cl126lb8v00142e6duv5qe08l",
"type": "choice input",
"items": [
{
"id": "cl126onz9001g2e6dk0nbjeu6",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Lead qualification"
},
{
"id": "cl126lm6c00172e6d1pfvdiju",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Customer support"
},
{
"id": "cl126orr2001h2e6d0fqs7737",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Customer research"
},
{
"id": "cl126oudu001i2e6dktwi7qwv",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "User onboarding"
},
{
"id": "cl126luv500192e6dl317ssyr",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Quizzes"
},
{
"id": "cl126lz8q001a2e6d8b9lb3b5",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Content distribution"
},
{
"id": "cl126nf7k001d2e6dg2zczjgz",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "FAQ"
},
{
"id": "cl126ngy8001e2e6ddfo5s9fm",
"type": 0,
"stepId": "cl126lb8v00142e6duv5qe08l",
"content": "Other"
}
],
"blockId": "cl126krbp00102e6dnjelmfa1",
"options": {
"variableId": "cl126mo3t001b2e6dvyi16bkd",
"buttonLabel": "Send",
"isMultipleChoice": true
}
},
{
"id": "cl128ain900172e6d1osj4u90",
"type": "Code",
"blockId": "cl126krbp00102e6dnjelmfa1",
"options": {
"name": "Store categories in DB",
"content": "postMessage({from: \"typebot\", action: \"storeCategories\", content: \"{{Categories}}\"}, \"*\")"
},
"outgoingEdgeId": "cl128azam00182e6dct61k7v5"
}
],
"title": "Block #6",
"graphCoordinates": { "x": 1218, "y": 510 }
},
{
"id": "cl126p75m001j2e6d73qmes0m",
"steps": [
{
"id": "cl126p76d001k2e6dbhnf2ysq",
"type": "text",
"blockId": "cl126p75m001j2e6d73qmes0m",
"content": {
"html": "<div>Thank you for answering those questions!</div>",
"richText": [
{
"type": "p",
"children": [
{ "text": "Thank you for answering those questions!" }
]
}
],
"plainText": "Thank you for answering those questions!"
}
},
{
"id": "cl128375600112e6d4l0jtuyf",
"type": "Code",
"blockId": "cl126p75m001j2e6d73qmes0m",
"options": {
"name": "Shoot confettis",
"content": "postMessage({from: \"typebot\", action: \"shootConfettis\"}, \"*\")"
}
},
{
"id": "cl126rfy6001t2e6d21gcb6b0",
"type": "image",
"blockId": "cl126p75m001j2e6d73qmes0m",
"content": {
"url": "https://media4.giphy.com/media/l0amJzVHIAfl7jMDos/giphy.gif?cid=fe3852a3i4c33635xdtj3nesr9uq4zteujaab6b0jr42gpxx&rid=giphy.gif&ct=g"
}
},
{
"id": "cl126txta001y2e6dtxrbsnek",
"type": "text",
"blockId": "cl126p75m001j2e6d73qmes0m",
"content": {
"html": "<div>You can reach out to me using the contact bubble on the bottom right corner 🤓</div>",
"richText": [
{
"type": "p",
"children": [
{
"text": "You can reach out to me using the contact bubble on the bottom right corner 🤓"
}
]
}
],
"plainText": "You can reach out to me using the contact bubble on the bottom right corner 🤓"
}
},
{
"id": "cl12buyly00172e6991bz38ch",
"blockId": "cl126p75m001j2e6d73qmes0m",
"type": "text",
"content": {
"html": "<div>Let&#x27;s create your first typebot...</div>",
"richText": [
{
"type": "p",
"children": [{ "text": "Let's create your first typebot..." }]
}
],
"plainText": "Let's create your first typebot..."
}
},
{
"id": "cl12bwpi800182e69kcivnp1s",
"blockId": "cl126p75m001j2e6d73qmes0m",
"type": "Code",
"options": {
"name": "Go to typebot creation",
"content": "setTimeout(() => {window.location.href = \"https://app.typebot.io/typebots/create?isFirstBot=true\"}, 4000)"
}
}
],
"title": "Block #7",
"graphCoordinates": { "x": 1612, "y": 1103 }
},
{
"id": "cl126pv6w001n2e6dp0qkvthu",
"steps": [
{
"id": "cl127yxym000b2e6d9hksxo6h",
"type": "text",
"blockId": "cl126pv6w001n2e6dp0qkvthu",
"content": {
"html": "<div>What else?</div>",
"richText": [
{ "type": "p", "children": [{ "text": "What else?" }] }
],
"plainText": "What else?"
}
},
{
"id": "cl126pv7n001o2e6dajltc4qz",
"type": "text input",
"blockId": "cl126pv6w001n2e6dp0qkvthu",
"options": {
"isLong": false,
"labels": { "button": "Send", "placeholder": "Type your answer" },
"variableId": "cl126q38p001q2e6d0hj23f6b"
}
},
{
"id": "cl128b34o00192e6dqjxs3cxf",
"type": "Code",
"blockId": "cl126pv6w001n2e6dp0qkvthu",
"options": {
"name": "Store Other categories in DB",
"content": "postMessage({from: \"typebot\", action: \"storeOtherCategories\", content: \"{{Other categories}}\"}, \"*\")"
},
"outgoingEdgeId": "cl128c0fu001a2e6droq69g6z"
}
],
"title": "Block #8",
"graphCoordinates": { "x": 1943, "y": 895 }
},
{
"id": "cl1278gx9002v2e6d4kf3v89s",
"steps": [
{
"id": "cl1278gyk002w2e6d744eb87n",
"type": "Condition",
"items": [
{
"id": "cl1278gyk002x2e6dwmpzs3nf",
"type": 1,
"stepId": "cl1278gyk002w2e6d744eb87n",
"content": {
"comparisons": [
{
"id": "cl1278irq002y2e6dv4965diw",
"value": "Other",
"variableId": "cl126mo3t001b2e6dvyi16bkd",
"comparisonOperator": "Contains"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl1278r3b002z2e6d6d6rk9dh"
}
],
"blockId": "cl1278gx9002v2e6d4kf3v89s",
"outgoingEdgeId": "cl1278trd00312e6dxmzhcmmn"
}
],
"title": "Block #13",
"graphCoordinates": { "x": 1585, "y": 792 }
}
],
"variables": [
{ "id": "cl126f4hf000i2e6d8zvzc3t1", "name": "Name" },
{ "id": "cl126jqww000w2e6dq9yv4ifq", "name": "Company" },
{ "id": "cl126mo3t001b2e6dvyi16bkd", "name": "Categories" },
{ "id": "cl126q38p001q2e6d0hj23f6b", "name": "Other categories" }
],
"edges": [
{
"id": "cl1266kt100082e6d1wks5dtp",
"to": { "blockId": "cl1266bah00032e6dgdnj4vgz" },
"from": {
"stepId": "cl1265zct0001mb1afel460do",
"blockId": "cl1265zct0000mb1a6bir36w7"
}
},
{
"id": "cl126jsoo000x2e6ditu7dgf8",
"to": { "blockId": "cl126jioj000u2e6dqssno3hv" },
"from": {
"itemId": "cl126jb2q000s2e6dm60yq5p2",
"stepId": "cl126jb2q000r2e6dgqlnxnt8",
"blockId": "cl126ixoq000p2e6dfbz9sype"
}
},
{
"id": "cl126l5tx00122e6dmisci6h5",
"to": { "blockId": "cl126krbp00102e6dnjelmfa1" },
"from": {
"itemId": "cl126jc5a000t2e6dqv91w7j6",
"stepId": "cl126jb2q000r2e6dgqlnxnt8",
"blockId": "cl126ixoq000p2e6dfbz9sype"
}
},
{
"id": "cl1278r3b002z2e6d6d6rk9dh",
"to": { "blockId": "cl126pv6w001n2e6dp0qkvthu" },
"from": {
"itemId": "cl1278gyk002x2e6dwmpzs3nf",
"stepId": "cl1278gyk002w2e6d744eb87n",
"blockId": "cl1278gx9002v2e6d4kf3v89s"
}
},
{
"id": "cl1278trd00312e6dxmzhcmmn",
"to": { "blockId": "cl126p75m001j2e6d73qmes0m" },
"from": {
"stepId": "cl1278gyk002w2e6d744eb87n",
"blockId": "cl1278gx9002v2e6d4kf3v89s"
}
},
{
"id": "cl128ag8i00162e6dufv3tgo0",
"to": { "blockId": "cl126krbp00102e6dnjelmfa1" },
"from": {
"stepId": "cl12890kw00132e6dp9v5dexm",
"blockId": "cl126jioj000u2e6dqssno3hv"
}
},
{
"id": "cl128azam00182e6dct61k7v5",
"to": { "blockId": "cl1278gx9002v2e6d4kf3v89s" },
"from": {
"stepId": "cl128ain900172e6d1osj4u90",
"blockId": "cl126krbp00102e6dnjelmfa1"
}
},
{
"id": "cl128c0fu001a2e6droq69g6z",
"to": { "blockId": "cl126p75m001j2e6d73qmes0m" },
"from": {
"stepId": "cl128b34o00192e6dqjxs3cxf",
"blockId": "cl126pv6w001n2e6dp0qkvthu"
}
},
{
"from": {
"blockId": "cl1266bah00032e6dgdnj4vgz",
"stepId": "cl1266bam00042e6dm0gn22vy",
"itemId": "cl1266bam00052e6dn1sdjnax"
},
"to": { "blockId": "cl126ixoq000p2e6dfbz9sype" },
"id": "cl12bk3j6000c2e69bak89ja9"
},
{
"from": {
"blockId": "cl1267q1z000d2e6d949f2ge4",
"stepId": "cl1289y1s00142e6dvbkpvbje"
},
"to": {
"blockId": "cl126ixoq000p2e6dfbz9sype",
"stepId": "cl126hb9m000l2e6d5qk3mohn"
},
"id": "cl12bk56s000d2e69oll3nqxm"
},
{
"from": {
"blockId": "cl1266bah00032e6dgdnj4vgz",
"stepId": "cl1266bam00042e6dm0gn22vy"
},
"to": { "blockId": "cl1267q1z000d2e6d949f2ge4" },
"id": "cl12bnfyd000g2e69g7lr3czq"
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" },
"hostAvatar": {
"isEnabled": true,
"url": "https://s3.eu-west-3.amazonaws.com/typebot/typebots/ckzp7a2za005809lczf2knzix/273013187_1315820332248257_6244778509534754615_n.jpg"
}
},
"general": { "font": "Open Sans", "background": { "type": "None" } }
},
"settings": {
"general": {
"isBrandingEnabled": true,
"isInputPrefillEnabled": 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": "typebot-onboarding",
"customDomain": null
}