1
Create a "Macguffins" Collection
In the Frigade web app, Create a Collection named “Macguffins”.
2
Create a new Custom Flow
- In the top nav bar, click the “Create” button and select “Custom” from the list of available Flow types.
- Use the three dot menu to rename your flow to “The Rug”
- In the Advanced Flow editor, replace the default YAML with the following:
3
Add your Flow to the Macguffins Collection
- Select “Collections” in the left nav bar
- Click “Macguffins” from the list of Collections
- Click “Add Flows” and select “The Rug”
- Click “Save Collection” (or press CMD+S)
4
Embed the Macguffins Collection in your app
- Click “In-App Channel” to show the embed code for your Collection
- Paste the embed code into your app
type: macguffin
that’s unknown to Frigade — we don’t have a built-in Component in the SDK that matches that Flow type, so there’s nothing to render yet.
Let’s fix that by wiring up a new <Macguffin>
Component and registering it with the Frigade <Provider>
so that we know how to render Flows with type: macguffin
.
1
Create a Macguffin Component
Paste the following code into
Macguffin.tsx
2
Pass your Component into the Provider
Add the
flowTypes
prop to <Frigade.Provider>
to map your new <Macguffin>
Component to the macguffin
Flow type<Macguffin>
rendering the contents of your Flow. Now that you have it set up, you can deploy any Flow with type: macguffin
to any Collection.