# Quickstart ### Overview ![](https://files.readme.io/269d611-Screenshot_2024-02-02_at_11.17.47_AM.png) In this Quickstart, you will facilitate the sale of cryptocurrency via the MoonPay Off-Ramp, directly from your browser. Whether you are a complete beginner to coding or a seasoned expert, this guide will take you through all of the necessary steps to have you converting cryptocurrency to fiat in no time. *** ### What you will accomplish In this tutorial, you will: * Configure Off-Ramps widget in a local environment * Create a new folder for the implementation * Initialize the widget in a file using HTML and JavaScript * Edit the widget parameters * Display the fully functional widget locally in your browser *** ### Prerequisites Before beginning, you will need: * **A MoonPay account**: If you do not have one, set one up through our team on [this page](https://dashboard.moonpay.com/signup). * **An IDE (coding software):** Some popular ones are [Visual Studio](https://visualstudio.microsoft.com/downloads/), [IntelliJ IDEA](https://www.jetbrains.com/idea/), and [Eclipse](https://eclipseide.org/). We will be using Visual Studio in this tutorial. * **A web browser:** Any web browser will work. We will be using Google Chrome in this tutorial. *** ### Implementation #### Step 1: Set up a file for your integration ![](https://files.readme.io/4b87dbc-Screenshot_2023-11-06_at_4.01.57_PM.png) #### Step 2: Retrieve API keys from the MoonPay Dashboard In your IDE, create a new file for your Off-Ramp code. Ours will be called off-ramp.html. * Navigate to your [MoonPay Dashboard](https://dashboard.moonpay.com/) and log in. * Once logged in, navigate to the Developers tab on the sidebar → API Keys. * Here, you will be able to copy your API keys. In this tutorial, we will be using the publishable test key. ![](https://files.readme.io/d744891-Screenshot_2023-10-27_at_2.09.05_PM.png) #### Step 3: Insert HTML and code into off-ramp.html * The code below will embed our Software Development Kit (SDK) directly into your HTML by way of `

``` * This script will detect when the HTML page loads and immediately run the JavaScript within the ` ``` #### Step 4: Do a test transaction * The first step of processing a test transaction using the MoonPay Off-Ramp is to make sure that `environment` is set to`"sandbox"`, as shown above in the example code. This puts your widget in test mode. * Next, open up the widget, enter your email address, and log in. ![](https://files.readme.io/013fb3f-Screenshot_2023-10-27_at_5.57.08_PM.png) * You will be prompted to configure your Sell transaction, eventually arriving at the below screen. Click on “View deposit details”. ![](https://files.readme.io/e123fcf-Screenshot_2023-11-08_at_3.59.16_PM.png) * You will now see the below screen, prompting you to send the previously specified amount of cryptocurrency to a wallet on the corresponding blockchain. Click the “I’ve sent my crypto” button. ![](https://files.readme.io/e666794-Screenshot_2023-11-08_at_4.01.33_PM.png) * When successful, you will see green checks on the Pending, Processing, and Sent pages! ✅ *** ### Completion Congratulations, you have just integrated the MoonPay Off-Ramp 🎉 Any questions? Feel free to visit our [Help Center](https://support.moonpay.com/hc/en-gb/categories/360001595097-Customer-Support-Help-Center) to dig into our other resources or drop us a line! --- # 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://gitbook.keytrust.one/off-ramp/quickstart.md?ask= ``` 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.