Knowledge Base
KeyGator
  2. Home
  4. Docs
  6. KeyGator
  8. 1. Configure Your Website
  10. Create Envato App

Create Envato App

  1. Open Envato Market API Scroll down and click on Register your app to get started button or Go to Register your app directly.
  2. Enter YOUR APP NAME in App name field.
  3. Check the following Required permissions ONLY.
    • View and search Envato sites. (Always Selected)
    • View the user’s Envato Account username.
    • View the user’s purchases of the app creator’s items.
  4. Enter your Confirmation URL which is a path in your own server to redirect your clients into it to get their One Time Use Code (Follow the following instructions if you don’t know how).
    • Using your host User Interface or using any FTP application such as FileZilla Client to head to your domain’s directory.
    • Create a directory or more than nested directories (as you wish to organize your URL) in your domain to be like https://oxibug.com/DIR_01/SUB_DIR
    • Createtwo files index.php and style.css in the final directory you want to be your confirmation URL.
    • Copy and paste the code in the section Section index.php below inside index.php, This code will get the value in the code parameter from $_GET array.
    • Copy and paste the code in the section Section style.css below inside style.css. (Or you can style your page as you wish).
    • Get the URL of index.php directory like https://oxibug.com/dir_01/sub_dir copy and paste it the Confirmation URL field.
  5. Check the option I have read, understood and agree to the Terms and condition.
  6. Finally Click on Register App button.
  7. Congratulations your app has been created successfully and Envato will generate a Application Client Secret Key which you MUST save it locally, because you won’t be able to retrieve it again otherwise (if you lost it), You should create a new app.
  8. Keep it Safe: Copy the App Secret Key in a local text file Then check the confirmation checkbox (that you had saved it locally) and click on button Woohoo! Got it button.
  9. Now you should be redirected to apps window, and you’ll notice OAuth client ID: word under the app name you just create.
  10. Copy the following data in your local text file to retrieve it while configuring Envato Castle plugin.
    • App Name
    • Confirmation URL (Without index.php)
    • Application Secret Key (Step 7, 8)
    • OAuth Client ID (Step 9)

Section index.php

/**
 * Display the {code} variable from Query String
 *
 * @package Oxibug
 * @subpackage Oxibug APIs
 * @since Oxibug APIs 1.0
 */
?><!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link rel="stylesheet" href="style.css">
</head>
 
<body>
 
    <div class="site-wrapper">
 
        <div class="container">
 
            <div class="row">
             
                <div class="col col-fw">
 
                    <div class="site-inner d-flex flex-column align-items-center justify-content-center">
 
                        <div class="flex-inner flex-column">
 
                            <div class="header-wrp">
                                <h1 class="header">Envato App - Envato Castle Secret Code</h1>
                            </div>
 
                            <div class="code-wrp">
 
                                <?php if( isset( $_GET ) && isset( $_GET['code'] ) && ( ! empty( $_GET['code'] ) ) && is_string( $_GET['code'] ) ) {
 
                                    $sanitized_code = filter_input( INPUT_GET, 'code', FILTER_SANITIZE_STRING ); ?>
     
                                    <p>Please, Copy the following code and paste it in the API Code field</p>
 
                                    <pre class="code"><?php echo htmlspecialchars( stripslashes( $sanitized_code ) ); ?></pre>
                                 
                                <?php } else { ?>
                                     
                                    <p>Cheating, huh!...</p>
                                 
                                <?php } ?>
                                 
                            </div>
 
                        </div>
 
                    </div><!-- .site-inner -->
 
                </div><!-- .col-fw -->
 
            </div><!-- row -->
 
        </div><!-- container -->
 
    </div><!-- .site-wrapper -->
 
 
</body>
 
</html>

Section style.css

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-fw {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.flex-inner {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.clearfix::after{
    display:block;
    clear:both;
    content:'';
}

html{
}

::selection{
    background: #00adff;
    color: #fff;
}

body{
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
}

.site-wrapper{
    position: relative;
    margin: 0 auto;
    background: #5b6b8a;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.site-inner{
    position: relative;
    height: 100vh;
}

.site-inner .header-wrp {
    text-align: center;
    margin: 0 0 30px;
    line-height: 1;
}

.site-inner .header-wrp h1 {
    font-size: 35px;
}


.site-inner .code {
    font-family: 'Courier New', Courier, monospace;
    padding: 20px 25px;
    font-size: 15px;
    line-height: 23px;
    cursor: text;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    max-width: 100%;
    background: #fff;
    color: #000;
    word-break: break-word;
    white-space: normal;
}