[FR] Allow asset page to be shared independently

[sync-by-unito]

User story:
As capture app user, I want a link that could link the specific page directly, so that I can enter to specific prod, asset, or creator page conveniently.

Feature request:
Hope app could be generated a link, if user has already download the capture app, user could enter the specific prod, asset, creator page through this link. It will be friendly to user.

Supporting materials:
As I know it's like "deep link".
Maybe it could be also about https://support.appsflyer.com/hc/en-us/articles/115005248543-Customer-experience-and-deep-linking-overview

┆Issue is synchronized with this Asana task by Unito
┆Created By: Kenny Hung

[sync-by-unito]

➤ Ethan Wu commented:

to clarify we want to share the capture iframe directly?

is there a wireframe for this feature? do i need to ask noir?

[sync-by-unito]

➤ Tammy Yang commented:

Ethan Wu I think what we want to do is to allow users to share their asset page directly on social media so that their friends or followers can buy even without downloading the App.

To be short, I believe the tech explanation for this task is: support the responsive view of iframe for desktop and mobile browsers.

I will suggest you draw the wireframe based on your understanding. We can review together and see if we need support from Noir.

[sync-by-unito]

➤ Ethan Wu commented:

responsive view completed.

[sync-by-unito]

➤ Ethan Wu commented:

social share completed.

Tabs => Change the link to share (copy) on social media

1. Asset Link
2. NFT Search Engine

[sync-by-unito]

➤ Kenny Hung commented:

Tammy YangEthan Wu
QA think this feature can't pass

1. shared prod page shouldn't display back button.
2. another user press the collect button will display error.

[sync-by-unito]

➤ Sherry Chung commented:

Kenny Hung Slightly adjust your wording

1. The "back button" has no function now, suggest to hide or remove it.
2. Encounter not readable error message for users. Suggest to modified the message or re-direct user to Captrue App (for users haven't installed Capture App, re-direct to the download link) when clicking "Collect" outside Capture App.

Correct me if misunderstand your message.

[sync-by-unito]

➤ Ethan Wu commented:

this is expected. After yesterday's discussion we found that the scope of social share is greater than we expected. We still need to discuss in more detail.

See comment : As the scope of social sharing may be bigger, I suggest we make a branch and add this fix to the Live version => pass test independently.

this means we will not push social share in this release.

I can revert this back to what it was previously (nftsearch engine link)

[sync-by-unito]

➤ Tammy Yang commented:

Regarding UI updates:

"""
Group Collection => Repeating Group => Group Collected => Image Thumbnail
adjust layout width to min 90%
add conditional current page width > 500 set min width to 134px, max width to 173px
"""

Feedback: https://dt42-numbers.slack.com/archives/C0323488MEJ/p1666329995842989?thread_ts=1666329895.142819&cid=C0323488MEJ ( https://dt42-numbers.slack.com/archives/C0323488MEJ/p1666329995842989?thread_ts=1666329895.142819&cid=C0323488MEJ )

More details see v221018-capture-app-frame release note ( https://app.asana.com/0/0/1203096738273134 )

[sync-by-unito]

➤ Tammy Yang commented:

Regarding:

"""
asset page
Group Product Details => Group Storage Backend => Text (caption)
adjust min width to 85%
"""

This is to adjust the caption so that it is stretches across the screen when it is on desktop view. More details see Comment by @Ethan Wu on v221018-capture-app-frame release note ( https://app.asana.com/0/1201016280880500/1203096738273134/1203207092194383/f )

[sync-by-unito]

➤ Tammy Yang commented:

Ethan Wu I talked to Noir yesterday and they do not have resources for updating the UI/UX for desktop site now.

Since our goal is: "Allow users to share (a page) on social media and can checkout without even login."

What about if we make sure Captures can be checkout from asset profile? The user flow can be

1. User share asset profile on social media
2. Another user see it and open
3. User from Bump protractor from 5.4.4 to 7.0.0 #2 click "checkout" on asset profile page
4. Checkout in Capture App iframe opens with URL parameter from=nse

This is still in the idea phase, let me know how do you think.

[sync-by-unito]

➤ Ethan Wu commented:

to clarify: we do not change the social share link from asset_page. it is still nse asset profile

users when they click "collect" on nse asset_profile will be direct to capture app iframe checkout page with url parameter from=nse

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang

so for the checkout page with url parameter from=nse are we going to limit them to moonpay?

in order to proceed with the order confirmation authorization information is needed. will we create a custodial wallet for them?

[sync-by-unito]

➤ Tammy Yang commented:

I have some ideas, but I think it's easier to use miro to explain. Can you please draw the flow in your mind first and ping me? I will follow and update my thoughts there.

[sync-by-unito]

➤ Ethan Wu commented:

ok

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang

flow: https://miro.com/app/board/o9J_knEiIYo=/?moveToWidget=3458764537050573377&cot=14 ( https://miro.com/app/board/o9J_knEiIYo=/?moveToWidget=3458764537050573377&cot=14 )

[sync-by-unito]

➤ Ethan Wu commented:

implemented sign in and sign out from capture iframe checkout page.

[sync-by-unito]

➤ Ethan Wu commented:

social sharing flow :

1. from app click share icon
2. click copy & paste into browser
3. nse asset profile opened. click collect
4. open checkout page
5. login to open checkout page

[sync-by-unito]

➤ Ethan Wu commented:

UI difference for checkout page & asset page redirect w/social sharing

• url parameter from = nse

• checkout page => back button hidden

• when redirected to asset page keep url parameter from = nse

• asset page back button hidden