# Recipe with choice interface incl. custom html

**URL:** https://support.prodi.gy/t/recipe-with-choice-interface-incl-custom-html/1831
**Category:** Uncategorized
**Tags:** solved, front-end, usage, custom
**Created:** [July 26, 2019, 6:33am UTC](https://support.prodi.gy/t/recipe-with-choice-interface-incl-custom-html/1831 "2019-07-26T06:33:49Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![AntonDSP](https://avatars.discourse-cdn.com/v4/letter/a/ba8739/32.png) [@AntonDSP](https://support.prodi.gy/u/AntonDSP)
#### Post date: [July 26, 2019, 6:33am UTC](https://support.prodi.gy/t/recipe-with-choice-interface-incl-custom-html/1831/1 "2019-07-26T06:33:49Z")

</div>

Hi,

can you please provide an example of recipe with choice view incl. custom html?  
I am trying to create interface with several options for end users, but at the same time I have to provide some hyperlinks in general text part.

Best regards,  
Anton

---

<div class="post-metadata">

### Author: ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)
#### Post date: [July 26, 2019, 8:11am UTC](https://support.prodi.gy/t/recipe-with-choice-interface-incl-custom-html/1831/2 "2019-07-26T08:11:28Z")

</div>

Hi! You should be able to just use a `"html"` key instead of `"text"` for the top-level content in the data you stream in. For example:

```json
{
    "html": "Hello <a href='https://google.com'>Google</a>",
    "options": [
        {"id": 0, "text": "Option 1"},
        {"id": 1, "text": "Option 2"}
    ]
}

```

The same should work for the options, too. So you can pretty much use the example recipe [here](https://prodi.gy/docs/workflow-custom-recipes#example-choice), but instead of streaming in data with `"text"`, you stream in data with `"html"` – or generate the HTML data in Python 🙂