> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/hook-social-login/configuration/x-configuration.md).

# X Configuration

<mark style="color:blue;">**Step #1**</mark>

Visit the [**X Developer Portal**](https://developer.x.com/) and Sign in.&#x20;

After that click on **Developer Portal**.

<figure><img src="/files/QTlrPG68uziRqLbLtzGz" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Click on **Create Project** and enter the **Project Name**, **Use Case**, and **Project Description**.

<figure><img src="/files/g0jpUzXrKY8FXWY7VfPk" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

Enter an **App Name** to generate the **API Key** and **API Secret Key**.&#x20;

Copy and store them securely for future use.&#x20;

After that, click **Go to Dashboard** and navigate to Settings.

<figure><img src="/files/V55qY2zbc7Tw8fEGQDRx" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #4**</mark>

Click the Edit button to update your App Logo and other details.

<figure><img src="/files/NtmTAD3hRtRfP9mGLnzN" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #5**</mark>

Click Setup and adjust the following settings:

* Set **App Permissions** to **Read and Write and Direct Messages**.
* Enable **Request Email from Users**.
* Choose the App Type: **Web App, Automated App, or Bot**.

<figure><img src="/files/gxRnno8gNDCaAGp1Vg2q" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #6**</mark>

Add the Callback URL, e.g., <https://googleonetap.magecomp.net/api/handleCallback?shop=your-store-url.myshopify.com>

Enter additional details: **Website URL**, **Organization URL**, **Terms of Service**, and **Privacy Policy**.

Select the **Save** button.

<figure><img src="/files/NhdcBYPMdWcGpb8hddGh" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #7**</mark>

Copy your **API Key, Secret Key,** and **Callback URL**.&#x20;

After copying the keys, paste them into the HOOK App for integration.

<mark style="color:blue;">**Step #8**</mark>

After following all these steps, go to **Online Store** ➤ **Preferences** ➤ **Spam Protection** and **Disable** the by default selected options:

* Enable hCaptcha on contact and comment forms
* Enable hCaptcha on login, create account and password recovery pages

<figure><img src="/files/mmSepkpFiRq2mtLCYC96" alt=""><figcaption></figcaption></figure>

It is necessary to keep these two options **Disabled** as they cause errors sometimes, which may cause a bad user experience.

<mark style="color:blue;">**Step #9**</mark>

Ensure the **Customer Accounts Type** is set to **Legacy**. If not, update the configuration.

<figure><img src="/files/nJZlmSpmt2ahCnu4QWFi" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://magecomp.gitbook.io/shopify/apps/hook-social-login/configuration/x-configuration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.