# Create Social Locker

## **Steps**

**Step 1:** From your Shopify admin, go to **Apps.** Click **Social Locker.**

**Step 2:** Click **Create a Locker**

![Create a Locker](/files/-L_BZsxEXsuXFTEZZZwp)

**Step 3:** The Locker setting dashboard will open. Each locker settings will included:

| Parameter       | Description                                                                                                                                                                | Options                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Settings        | General settings for the locker.                                                                                                                                           | <ul><li><p>Styles: setting the social button style</p><ul><li>Opened Box</li><li>Secret Box</li><li>Flat box</li></ul></li><li>Background effects: background effect Preview content box</li><li><p>Locker cache: Cache mode to save user react</p><ul><li>Enable</li><li>Disable: User must react(like, tweet...) to the social button when they refresh browser</li></ul></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                      |
| Locker Content  | <p>Configure the Locker content.</p><p><img src="/files/-L_BeD9j1iOdpRPy1mps" alt=""></p>                                                                                  | <ul><li>Locker header: Header text</li><li>Locker message: Locker text message</li><li><p><strong>Social Buttons:</strong> Select Social button action to use:</p><ul><li><strong>Facebook Like:</strong> Like facebook url to show Hidden content</li><li><strong>Facebook Share:</strong> Share facebook url to show Hidden content</li><li><strong>Tweet Share:</strong> Tweet the url with message to show Hidden content</li><li><strong>Vimeo Watch:</strong> View the Vimeo video to open Hidden content</li><li><strong>Customer Login:</strong> Login to your Shopify store as customer to show hidden content.</li><li><strong>Google Share:</strong> Share to Google Plus to show hidden content</li></ul></li><li>You may Drag and drop the tabs to change the order of the buttons.</li></ul> |
| Preview Content | <p>Configure the Preview content box. </p><p><strong>It use  to introduce and call to action.</strong> </p><p><img src="/files/-L_BeD9j1iOdpRPy1mps" alt=""></p>           | <ul><li>Preview header: Header text</li><li>Preview description: Preview description bellow header.</li><li>Preview footer description: Preview text bellow the content image.</li><li>Preview content image: Content image for preview box.</li><li>Preview content image text: Content image alt.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| Hidden Content  | <p>Configure the Hidden Content. <br>The Hidden Content will show up when customer make action follow the Social Buttons (like, share...).</p><p>It includes few type.</p> | <ul><li><strong>HTML & text:</strong>  Only text & HTML Code</li><li><strong>Product</strong>: Select a product from Online Store to show. It's may a secret product that you only show for the customer. E.g. Free Product or Product with best price.</li><li><strong>Discount code: Select available coupon to show at hidden content.</strong></li><li><strong>Download file:</strong> Upload a file that user can download. The file will upload to Shopify store file. Maximum size: 20 Mb</li><li><strong>Media File:</strong> Upload the video / audio file to display with player.</li></ul>                                                                                                                                                                                                      |
| Widget          | Preview your Locker in Action.                                                                                                                                             | It's will show look like the widget at the place you add locker code in Online Store. To know more how to show the widget in Online Store please following next Step.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |

**Step 4:** Click **Create.** Your Social Locker has been created.

![](/files/-L_Bhkj-U6JvsLj7ODCR)

Now you can copy the Locker Code (HTML CODE) add to theme code for display in Online Store


---

# 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://doc.arenacommerce.com/social-locker/create-social-locker.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.