# 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>