docs: 📝 Add dynamic avatar guide

baptisteArno · Jul 3, 2022 · cc71157 · cc71157 · vercel · Jul 3, 2022
1 parent b0010aa
commit cc71157
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 0 deletions.
diff --git a/apps/docs/docs/guides/multi-avatars.mdx b/apps/docs/docs/guides/multi-avatars.mdx
@@ -0,0 +1,27 @@
+# Dynamic avatars
+
+You can decide to change the host avatar dynamically so that your bot can display multiple avatars. Here is a simple example:
+
+<img
+  src="/img/guides/multi-avatars/demo.gif"
+  width="800"
+  alt="Multiple avatars demo"
+/>
+
+For this, head over to the "Theme" tab and set the host avatar to a variable URL:
+
+<img
+  src="/img/guides/multi-avatars/bot-variable.png"
+  width="500"
+  alt="Variable URL bot"
+/>
+
+Then you can set this variable to any URL in your flow so that the host avatar changes dynamically.
+
+<img
+  src="/img/guides/multi-avatars/flow-example.png"
+  width="800"
+  alt="Multiple avatars flow example"
+/>
+
+The first block defines all the avatars that can be displayed. The second block starts by setting the avatar to the wizard avatar. The final block starts by setting the swordsmith avatar.
diff --git a/apps/docs/static/img/guides/multi-avatars/bot-variable.png b/apps/docs/static/img/guides/multi-avatars/bot-variable.png
diff --git a/apps/docs/static/img/guides/multi-avatars/demo.gif b/apps/docs/static/img/guides/multi-avatars/demo.gif
diff --git a/apps/docs/static/img/guides/multi-avatars/flow-example.png b/apps/docs/static/img/guides/multi-avatars/flow-example.png