# Install as an App (PWA) on iOS

{% hint style="warning" %}
If you have installed RaggieWorld before, we recommend clearing of Safari History and Data. Settings > Safari > Clear History and Website Data\*\*

\*\* Warning, all cached data and history in your Safari will be erased, and website that has been logged in will be logged out.
{% endhint %}

{% embed url="<https://youtu.be/BkC6gqZnmCw>" %} <mark style="color:yellow;">**Note**</mark> <mark style="color:yellow;"></mark><mark style="color:yellow;">- Enable Notification in Feature Flags is</mark> <mark style="color:yellow;"></mark><mark style="color:yellow;">**no longer required on IOS 17.**</mark>
{% endembed %}

## **To access RaggieWorld PWA, you will require RaggiePurrse (Cardano Wallet). Please read the following instructions in this guide closely.**

> You be doing the following here:
>
> 1. Enable PWA notification feature
> 2. Installing RaggieWorld PWA
> 3. Logging in using RaggiePurrse
> 4. ~~Enabling Push Notification~~
>
> Please follow the instruction and take your time to set it up.

## <mark style="color:yellow;">**Installing RaggieWorld PWA for the first time**</mark>

## <mark style="color:yellow;">Step 1</mark>

**Enable PWA push notification feature** <mark style="color:yellow;">(Only for IOS 16)</mark>

* iOS 16 - Tap on Experimental Features.
* In Safari setting, scroll to the end for Advanced. Tap it.
* Look for the 2 options - Notifications and Push API - Enable them.

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FeBikxsk1a1zBSq2KuuDg%2FIMG_6671.PNG?alt=media&#x26;token=e6bcf879-85ef-4c91-8947-88247bdc72dc" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FVCFO1X6wzgWXoNWJg7VQ%2FIMG_6672.PNG?alt=media&#x26;token=277abd5d-657c-492a-919e-03494b501d51" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2Fc7m9mjhyd69LrtmaMsfu%2FIMG_6673.PNG?alt=media&#x26;token=4a715511-87a3-4e1c-a4ef-b0b907764b55" alt="" width="188"><figcaption><p>Make sure these 2 are green</p></figcaption></figure></div>

## <mark style="color:yellow;">Step 2</mark>

* Go to website - [raggie.world](https://raggie.world)
* Click the Action at the bottom.

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2Fne7PphZvWjsQ8GZ0NWnA%2FIMG_6667.PNG?alt=media&#x26;token=0442b27e-a6b7-4cbc-af67-1c9117edaff3" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FgCTMRPTI7tg4scGWMyu7%2FIMG_6667.PNG?alt=media&#x26;token=93c74399-017c-4d42-9383-e09c42535536" alt="" width="188"><figcaption><p>Select Action icon below</p></figcaption></figure></div>

## <mark style="color:yellow;">Step 3</mark>

* Scroll down and look for Add to Home Screen. Tap it.
* Next, tap Add.
* You will see RaggieWorld icon on your screen.

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2F5yNExzNbAr8xEVdEgONl%2FIMG_6665.PNG?alt=media&#x26;token=55a11bc5-a4c0-4191-812f-ef5dd1e306f7" alt="" width="188"><figcaption><p>Press on Add to Home Screen</p></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FsBhNplqt4BOTff0EMwSA%2FIMG_6668.PNG?alt=media&#x26;token=4fea9205-8ca2-483a-8cde-f89b7b7528bb" alt="" width="188"><figcaption><p>Press Add</p></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FyE0yTtaCE5WJaKdbSdIh%2FIMG_6669.PNG?alt=media&#x26;token=a72c33e7-2b81-44ff-9870-c0d89b5e808d" alt="" width="188"><figcaption><p>RaggieWorld PWA installed</p></figcaption></figure></div>

## <mark style="color:yellow;">Step 4 - Login with RaggiePurrse</mark>

RaggiePurrse is the only Cardano Wallet able to communicate with other applications without relying on a web browser context. You will need to create a wallet or restore your wallet in order to access RaggieWorld.

* Open RaggieWorld PWA on your homescreen
* Tap on Login
* Select RaggiePurrse

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FsgxwZ7kOdFbsUF5wtjOM%2FScreenshot%202023-09-08%20at%2021.55.47.png?alt=media&#x26;token=9060b6e0-02de-42d4-998d-872a104c6743" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FxsezmxKw0budN61YHG4j%2FIMG_6674.PNG?alt=media&#x26;token=de69dc70-950a-45e6-aa32-b8c4b45c6322" alt="" width="188"><figcaption></figcaption></figure></div>

* RaggiePurrse webpage will load. You can choose to restore or create a wallet.
* Once done, a notification will pop-up. Tap Authorise.
* Next, tap Done (There is no need to press Close.)
* After that, you will see a message about your wallet and connection to RaggieWorld.
  * <mark style="color:red;">If this message did not appear, tap Disconnect Wallet and connect RaggiePurrse to start the process again.</mark>

<div><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FA8WQ4B23qkhjrITNcGYt%2FIMG_6676.PNG?alt=media&#x26;token=2de402a5-8751-4252-bb23-f236420e45d4" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FjSzSGXJDipd3sCC1x1hX%2FIMG_6678.PNG?alt=media&#x26;token=884b1ce9-eaa3-486b-96cf-747c0ca89505" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2Fcr7FlywyKHujfOUsLuqG%2FIMG_6679.PNG?alt=media&#x26;token=8b9a52a1-f621-4163-9023-d3d8d4e57988" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2F45nHMEbAds1DfRsRbiEu%2FIMG_6680.PNG?alt=media&#x26;token=78cb5fcf-e989-4dc4-9a90-5ed18e08135d" alt="" width="188"><figcaption></figcaption></figure></div>

* Press OK and you will be connected to RaggieWorld!
* Please continue reading...

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2F1ovxpEhJKfy4UPYCxC9V%2FIMG_6681.PNG?alt=media&#x26;token=77c711d4-e68f-4546-a468-772bf832bb64" alt="" width="375"><figcaption></figcaption></figure></div>

## <mark style="color:yellow;">Step 5 - Enabling Push Notification</mark>

* Press the Notification icon (Bell) at the bottom of your screen.
* Enable Push Notifications and a pop-up will show up.
* Press Allow!
* Done! Explore and enjoy our ecosystem!

<div align="left"><figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FmkNI9Ja4XW74AqQZHjAx%2FIMG_6683.PNG?alt=media&#x26;token=96e8a874-566c-4890-921c-959d23d9aa16" alt=""><figcaption><p>Notification Setting</p></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2F4vyeWE7PNQnY2a1JczfB%2FIMG_6682.PNG?alt=media&#x26;token=23e63fe5-4efa-4b84-bdd8-ea7e7cf5b234" alt=""><figcaption></figcaption></figure> <figure><img src="https://2872579183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxTcRReXPrr0oqDRmi4t9%2Fuploads%2FQh9kUpzlXmrHKUJY2tB4%2FScreenshot%202023-09-08%20at%2022.17.38.png?alt=media&#x26;token=d7caf763-16f9-49bc-82e3-58bbb4671145" alt=""><figcaption><p>Remember to press on Allow</p></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cryptoraggies.gitbook.io/welcome/utilities/raggieworld/install-as-an-app-pwa-on-ios.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
