# Adding Locker Code

### Steps

**Step 1:** Copy Locker Code

![](/files/-L_Btq0I1kZc2udUTUZB)

**Step 2:** Paste the Locker Code to the place you would like to show the Social Locker. 

**Step 3:** Check the display on Online Store.

### Using the rich text editor

You can enter HTML content for your **blog posts, pages, product descriptions, and collection descriptions** with the rich text editor. The Social Locker will display on the corresponding page content.

Click the **Show HTML** button to view the HTML code for the content inside the rich text editor:

![](/files/-L_Bv69FNm8e3oPVTVlb)

In the HTML view, you can make many changes to the content in the rich text editor. 

![](/files/-L_BwMEWqf-lRa1YR4-j)

### Edit Shopify heme

1. Navigate to **Sales Channels** and select **Online Store**.
2. Click on **Themes**
3. Locate the **Actions** dropdown on the page and select **Edit Code**
4. Open the appropriate HTML file
5. Paste the Plugin's code into your desired location
6. Click **Save**.
7. Click Preview to see your Plugin on your site.

You may contact us to support insert your code at: **<support@arenacommerce.com>**


---

# 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/add-locker-code-to-online-store.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.