> For the complete documentation index, see [llms.txt](https://docs.sharinpix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sharinpix.com/getting-started/basic-setup/basic-setup-step-3c-for-new-salesforce-mobile-app-users-setup-sharinpix-for-mobile-lightning-experie.md).

# Basic Setup - Step 3c for new Salesforce Mobile App Users - Setup SharinPix for Mobile (Lightning Experience)

This article demonstrates how to access the **SharinPix Album** component inside the Salesforce mobile app. To do so we will:

1. [Add the SharinPix Album component to an object's record page.](#addition-of-sharinpix-album-component-on-an-objects-record-page)
2. [Access the component inside the Salesforce mobile app.](#access-the-component-inside-the-salesforce-mobile-app)

{% hint style="warning" %}
**Prerequisites:**

The example presented in this article takes place within the new Lightning Experience. In order to proceed, you are therefore required to set up the new Lightning Experience for mobile.

If the new Lightning Experience is not enabled inside your Organisation, here are some useful articles that you can refer to:

* [Lightning Experience for Salesforce Mobile App](https://trailhead.salesforce.com/en/content/learn/modules/lightning-experience-for-salesforce-mobile-app) (introductory articles)
* [Set up the Lightning Experience for Salesforce Mobile App ](https://www.asagarwal.com/lightning-experience-for-salesforce-mobile-app/)(including detailed steps)
* [Set up the Lightning Experience for Salesforce Mobile App](https://admin.salesforce.com/blog/2019/set-up-lightning-experience-on-mobile) (including video)

[Make sure to configure the **Trusted Domains for Inline Frames**](#configure-trusted-domains-for-the-salesforce-mobile-app)
{% endhint %}

### Configure trusted domains for the Salesforce mobile app <a href="#configure-trusted-domains-for-the-salesforce-mobile-app" id="configure-trusted-domains-for-the-salesforce-mobile-app"></a>

To allow SharinPix components to load correctly in the Salesforce mobile app, add the SharinPix domain to **Trusted Domains for Inline Frames** in your Salesforce organization.

Salesforce’s additional security measures can prevent embedded SharinPix components from loading when this configuration is missing. Affected users may see a blank area instead of the SharinPix Album/component, even though the component works correctly on the desktop.

#### Add the SharinPix domain <a href="#add-the-sharinpix-domain" id="add-the-sharinpix-domain"></a>

Ask your Salesforce administrator to complete these steps in the Salesforce organization used by your mobile users:

1. Log in to Salesforce from a desktop browser using an administrator account.
2. Click the **gear icon**, then select **Setup**.
3. In the **Quick Find** box, enter **Session Settings**, then select **Session Settings**.
4. Scroll down to **Trusted Domains for Inline Frames**.
5. Under **Trusted Domains,** Add the following two entries:

   Domain 1:

   * **Domain:** <https://app.sharinpix.com>
   * **iFrame Type:** Visualforce Pages

   Domain 2:

   * **Domain:** <https://app.sharinpix.com>
   * **iFrame Type:** UI Embedding

**Expected result:** Salesforce should now show two trusted-domain entries for `https://app.sharinpix.com` — one for **Visualforce Pages** and one for **UI Embedding**, as shown below:

<figure><img src="https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2FHlwe1tlL7G3bkV9VNGN9%2Fimage.png?alt=media&amp;token=988f98f7-0589-4009-bd36-1a011f7e4e7a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
For additional information, see the FAQ documentation: \
[SharinPix Component displays a blank screen in the Salesforce Mobile App. What should I do?](https://docs.sharinpix.com/faqs/sharinpix-component-displays-a-blank-screen-in-the-salesforce-mobile-app.-what-should-i-do)
{% endhint %}

## Comparing Lightning Experience and Salesforce Classic

To determine if you are still using the Classic experience for mobile or if you are already using the new mobile Lightning Experience, you should check the following points:

* You are in the mobile Classic Experience if
  * You have rounded colored icons on the bottom when you open a record
  * You have Chatter/Details/Related tabs on the top such as Post, File, New Task, ...
* You are in the new mobile Lightning Experience if
  * You have rounded colored on the top such as Post, File, New Task, ...
  * You have greyed icons on the bottom such as Chatter, Today, Dashboard, and Menu

<figure><img src="https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2Fhci51YRJ8TTFhsqK3w9o%2Fimage%20(2).png?alt=media&amp;token=ec8a3ae5-06fe-4101-a998-01e54fa098f8" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:**

One easy way to ensure that the Lightning Experience for mobile has been correctly configured in your organization is to take a look at the layout presented inside the Salesforce mobile app.
{% endhint %}

The following image depicts how the mobile layout looks like when using the Lightning Experience:

<figure><img src="https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2F6hn5pa7dnSE7WvPtNqVX%2Fx2.png?alt=media&amp;token=4da88ff2-8f8f-4faf-866e-2c1e5ff4f91b" alt=""><figcaption></figcaption></figure>

If the layout presented is similar to the one shown in the above image, this is an indication that the Lightning Experience has been correctly configured.

## Addition of SharinPix Album component on an object's record page

In this section we will add the **SharinPix Album** on the page layout of an **Opportunity** object.

To do so, follow the steps below:

* Go to an Opportunity record and edit the page.
* Once inside the **Lightning App Builder**, to preview how the layout will appear inside the Salesforce mobile app, switch from the **Desktop** view to the **Phone** view as shown below:

![](https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2FrE5AT2rUEMiUOzkssA16%2Fimage%20\(11\).png?alt=media\&token=9c02b9d4-df98-49fc-8aa9-e0b0c05ab041)

* Open the **Details** tab, then drag and drop the **SharinPix Album** component (found under **Custom - Managed)** on the preview pane as shown below:

![](https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2Fgit-blob-f80d51ef216214630f2b358920aac7803b83d8d7%2Fscreenshot-momentum-business-8704-dev-ed.lightning.force.com-2020.05.05-16_05_02%20\(1\).png?alt=media)

* Different settings can be applied onto the **SharinPix Album** component. The settings are available on the right panel as shown below:

<figure><img src="https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2F65tIAjqQfT25MwCMT8o0%2Fimage%20(4).png?alt=media&amp;token=2cc07391-121c-42d1-9499-e5471a942e1e" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:**

For more information on the SharinPix Album's parameters, refer to this article: [SharinPix Album](/documentation/lightning-web-component/sharinpix-album.md)
{% endhint %}

* Click **Save**.
* Next, click on **Activate**. Here you can assign the Phone Form Factor as the org default, app default or as a combination of apps, record types and profiles.

![](https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2Fgit-blob-47830ec90dfe19ce5ae3cda20f25157988178c9d%2Fscreenshot-sharinpix-fsl-demo-dev-ed.lightning.force.com-2021.01.18-17_36_29%20\(1\).png?alt=media)

The example below, show a combination of apps, record types and profiles for the Phone Form Factor assignment:

![](https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2Fgit-blob-8d62e90bcd911bcfee02ce8eef41acd7c134adb7%2Fscreenshot-sharinpix-fsl-demo-dev-ed.lightning.force.com-2021.01.18-17_42_04%20\(1\).png?alt=media)

{% hint style="success" %}
**Tip:**

You should ensure that proper assignment is provided to your Phone Phone Factor.
{% endhint %}

You can now access the **SharinPix Album** component from the Salesforce mobile app.

## Access the component inside the Salesforce mobile app

To access the SharinPix Album component:

* Open the Salesforce mobile app.
* Go to an Opportunity record.
* The SharinPix Album component is available from there.

<figure><img src="https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2FEx3hMA5Bet72zkoJdFo9%2Fimage%20(5).png?alt=media&amp;token=d16ed158-31a5-4e42-b81b-a49331086068" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:**

If you are using the Classic experience on tablets and iPads, an additional configuration is required for your Organization. Here, you should also enable the **New Salesforce Mobile App for Tablet** on your Org. To do so, follow the steps below:

* From Setup, look for **New Salesforce Mobile App Quickstar**t using the Quick Find search box
* Then, in the **New Salesforce Mobile App for Tablet** section, activate the option **Give All Users Access** as follows:
  {% endhint %}

![](https://2626416306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2putv2B9RAZpym8daOH2%2Fuploads%2Fgit-blob-e119b2db28cdd57850eaef0d975e0c000a88b089%2Fscreenshot-sharinpix-fsl-demo-dev-ed.lightning.force.com-2021.01.18-15_48_56%20\(1\).png?alt=media)

{% hint style="warning" %}
**Note:**

The option to enable the **New Salesforce Mobile App for Tablet** will be available on your Org only if you have **upgraded with the New Salesforce Mobile App QuickStart in Winter '20 Release**.

If you did not opt-in for this feature during Winter' 20 but, still want to access the Toggle for **New Salesforce Mobile App for Tablet** in the Setup section for **New Salesforce Mobile App Quickstart**, kindly create a case to request Salesforce Support to enable it on your Org.

Click on the following link for more details on the above:

<https://help.salesforce.com/articleView?id=000352373&language=en_US&mode=1&type=1>
{% endhint %}

## What's Next?

{% hint style="info" %}
Now it's time to check out the features you can enable from [SharinPix Global Settings](/getting-started/advanced-configuration-customizing-your-sharinpix-components-with-sharinpix-permissions.md)
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.sharinpix.com/getting-started/basic-setup/basic-setup-step-3c-for-new-salesforce-mobile-app-users-setup-sharinpix-for-mobile-lightning-experie.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
