Improve open in AP page

_i18n/en/documentation/podcasters-hosters/add-on-antennapod.md

@@ -1,9 +1,43 @@
-Do you want to make it easy for your network or audience to add your podcast(s) in AntennaPod?
-Simply include a link like the one given below on your website or wherever you want.
-Make sure to replace `xyz` with the URL of your RSS feed and `abc` with the title of your podcast.
+Would you like to make it easy for your network or audience to add your podcast(s) in AntennaPod?
+Simply include a link like the one below on your website or wherever you want. Make sure to replace `xyz` with the URL of your RSS feed and `abc` with the title of your podcast. Note that if your URL or your title contains special characters, such as `&`, these must be [URL encoded](https://en.wikipedia.org/wiki/Percent-encoding).
 
 `https://antennapod.org/deeplink/subscribe?url=xyz&title=abc`
 
-Users who have installed AntennaPod and open that link will be able to preview episodes and subscribe to your podcast directly in our app.
-You can view an example of such a page [here](/deeplink/subscribe?url=https://antennapod.org/rss.xml&title=Blog+Posts).
-If you need our logo, please have a look at our [branding repository](https://github.com/AntennaPod/branding).
+You could also turn the same link into a button, e.g. by using the following code:
+
+```
+<style>.antennapod-subscribe{ color: #fff; background: #007bff; display: inline-block; padding: 0.5em; text-decoration:none; border-radius:0.5em; font-family: sans-serif;} .antennapod-subscribe:hover {background: #0069d9;}</style>
+<a href="https://antennapod.org/deeplink/subscribe?url=xyz&title=abc" class="antennapod-subscribe">Subscribe in AntennaPod</a>
+```
+
+# What users see
+Users who have installed AntennaPod and open that link will be able to preview episodes and subscribe to your podcast directly in the app, as in the screenshots below.
+
+<!-- mdpo-disable -->
+{% include image.html
+   alt= "
+     <!-- mdpo-enable-next-line -->
+     Browser asking to open a link in AntennaPod
+
+     "
+   loc="/assets/images/documentation"
+   file="open-in-ap1.png"
+   max-width="400px"
+%}
+
+{% include image.html
+   alt= "
+     <!-- mdpo-enable-next-line -->
+     The same link displayed in AntennaPod
+
+     "
+   loc="/assets/images/documentation"
+   file="open-in-ap2.png"
+   max-width="400px"
+%}
+<!-- mdpo-enable -->
+
+On the other hand, users who don't have AntennaPod installed will see a page with instructions to download the app or to subscribe to your podcast manually, as in this [example page](/deeplink/subscribe?url=https://antennapod.org/rss.xml&title=Blog+Posts).
+
+# Branding
+Would you like to use our logo to create a branded ‘Open in AntennaPod’ button? You can find it in our [branding repository](https://github.com/AntennaPod/branding).