Use Metaframe on site created with Site Builder

You can use Metaframe to quickly authorize users, so that they can make purchases on your site created with Xsolla Site Builder.

User flow

1. The user opens the site.
2. The user clicks an item purchase button.
3. The Metaframe widget opens for the user to enter their phone number or email.
4. After successful authorization, the user makes the purchase in the payment UI that opens.

Prerequisites

1. Set up a Login project.

Note

For further setup, you need the Login project specified in Publisher Account in the Metaframe section.

2. Create an item catalog in Publisher Account.
3. Create a site using Site Builder.
4. Enable the sale of the item catalog on the site.

Configure Metaframe in Site Builder

1. In your project in Publisher Account, go to the Site Builder section.
2. In the pane of the necessary site, click Open Site Builder.
3. In the builder’‎s side menu, click Login settings.

4. Click Metaframe.

5. From the drop-down list, select the Login project linked with Metaframe.

6. To see how Metaframe works on your site, click Preview in the upper right corner of the builder. Refer to the instructions for detailed information about testing the site.
7. Publish the site.