# Adding Locker Code ### Steps **Step 1:** Copy Locker Code ![](https://1886657235-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZIycKxCq1yqTPZWwoe%2F-L_BrAeqYQQ8dU9y8srH%2F-L_Btq0I1kZc2udUTUZB%2Fcopy_locker_code.png?alt=media\&token=8a936b31-5bc2-4a28-b1e5-32641b26d62b) **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: ![](https://1886657235-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZIycKxCq1yqTPZWwoe%2F-L_BrAeqYQQ8dU9y8srH%2F-L_Bv69FNm8e3oPVTVlb%2Fhtml_edit.png?alt=media\&token=6fd5cc9b-7512-487a-b184-70cc7bd065dd) In the HTML view, you can make many changes to the content in the rich text editor. ![](https://1886657235-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZIycKxCq1yqTPZWwoe%2F-L_BrAeqYQQ8dU9y8srH%2F-L_BwMEWqf-lRa1YR4-j%2Fcopy_html_code.gif?alt=media\&token=598dac52-f766-4aac-9bda-ee66fdf354f5) ### 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: ****