Button generator

If you have previously created your services and plans in Uelz, you can select the service and plan you want from the list, and a small HTML code will be automatically generated for you to copy and paste into your website or system where you want to place the button.

Button with plans and services created previously in Uelz

If you have already created your services and plans in Uelz, you can select the service and plan you want from the list, and a small HTML code will be automatically generated for you to copy and paste into your website or system where you want to place the button.

Button with plans and services created from your website

With just one button, you can set up unique payment plans or subscriptions with the desired charge amount.

The script gathers the user's ID and service data through various attributes. Explore the attribute information for more details. Next, you'll need to fill in all the attributes to generate the plan according to the parameters you want.

Attributes for services and plans

The following attributes correspond to the creation of services and plans, which involves defining features, pricing, subscription terms, and customization options for each offering, whether it's subscription-based or one-time payment.

  <th>
    Descripción
  </th>

  <th>
    Example
  </th>
</tr>

  <td>
    Service name
  </td>

  <td>
    Ex: `Conferencias`
  </td>
</tr>

<tr>
  <td>
    data-plan-name -\
    *string*
  </td>

  <td>
    Plan Name
  </td>

  <td>
    Ex: `Regional`
  </td>
</tr>

<tr>
  <td>
    data-plan-description - string
  </td>

  <td>
    Add a description to the plan
  </td>

  <td>
    Ex: `Description of the service`
  </td>
</tr>

<tr>
  <td>
    data-plan-amount-\
    string
  </td>

  <td>
    Value associated with the plan
  </td>

  <td>
    Ex: `55.50` In variable subscriptions, this value indicates the unit price.
  </td>
</tr>

<tr>
  <td>
    data-plan-currency-\
    string
  </td>

  <td>
    Currency of charge
  </td>

  <td>
    Ex: `EUR` (Only euros can be sent)
  </td>
</tr>

<tr>
  <td>
    data-plan-type-\
    string
  </td>

  <td>
    Specify whether the plan is unique or subscription-based.
  </td>

  <td>
    Choose between`Unique` or `Subscription`
  </td>
</tr>

Attributes
data-service-name string

Fixed One-Time Plan

This is an example of attributes for a one-time payment service and plan created.

<button class="uelz-button uelz-button-styles"
id="uelz-button"
data-service-name="Mentorias"
data-plan-name="Sabado"
data-plan-description="Descripción del servicio"
data-plan-amount="20.0"
data-plan-currency="EUR"
data-plan-type="Unique"

>Comprar</button>

Attributes only for subscription plans

The following attributes are related to customizing the billing cycle for recurring payments, allowing for the adjustment of payment schedules according to preferences and needs.

  <th>
    Description
  </th>

  <th>
    Example
  </th>
</tr>

  <td>
    Frequency with which the payment is made
  </td>

  <td>
    Choose between`day`, `week`, `month`, `quarterly`, `semiannually`, `year`
  </td>
</tr>

<tr>
  <td>
    data-plan-billing-cycles\
    string
  </td>

  <td>
    Number of billing cycles
  </td>

  <td>
    Minimum `2`. If not added, it will be an infinite cycle.
  </td>
</tr>

<tr>
  <td>
    data-plan-payment-day\
    string
  </td>

  <td>
    Day on which the payment is made
  </td>

  <td>
    Add a day between `1` and `31` (last day of the month)
  </td>
</tr>

Attributes
data-plan-frequency string

Fixed Subscription Plan

This is an example of attributes for a recurring payment where the attributes of type data-plan-type have been modified by adding the "Subscription" label, and variables of frequency, cycles, and payment day have been added.

<button class="uelz-button uelz-button-styles"
id="uelz-button"

data-service-name="Conferencias"
data-plan-name="Regional"
data-plan-description="Descripción del servicio"
data-plan-amount="55.50"
data-plan-currency="EUR"
data-plan-type="Subscription"
data-type-subscription="fixed"

data-plan-frequency="month"
data-plan-billing-cycles="2"
data-plan-payment-day="25"

>Comprar</button>

Attributes for variable subscription

These attributes refer to subscription plans that offer dynamic pricing structures, which may vary throughout the billing period based on consumption.

  <th>
    Description
  </th>

  <th>
    Example
  </th>
</tr>

  <td>
    It is where we indicate if the price will vary in different periods or not
  </td>

  <td>
    Options `variable` or `fixed`
  </td>
</tr>

<tr>
  <td>
    data-future-charge-action\
    string
  </td>

  <td>
    It tells us if we don't charge for that period if consumption units are not passed to us, or if we charge for the previous month's usage
  </td>

  <td>
    Options `no_charge` or `last_charge`
  </td>
</tr>

<tr>
  <td>
    data-consume-units\
    string
  </td>

  <td>
    Customers who have consumed the plan during that period of time
  </td>

  <td>
    Ex: `6`
  </td>
</tr>

<tr>
  <td>
    data-external-usage-id\
    string
  </td>

  <td>
    ID that relates your database with the data you send us
  </td>

  <td>
    Ex: `abc2sr5tgd`
  </td>
</tr>

Attributes
data-type-subscription string

Variable Subscription Plan

<button class="uelz-button uelz-button-styles"
id="uelz-button"

data-service-name="Conferencias"
data-plan-name="Regional"
data-plan-description="Descripción del servicio"
data-plan-amount="55.50"
data-plan-currency="EUR"
data-plan-type="Subscription"
data-type-subscription="fixed"

data-plan-frequency="month"
data-plan-billing-cycles="2"
data-plan-payment-day="25"

data-type-subscription="variable"
data-future-charge-action="last_charge"
data-consume-units="6"
data-external-usage-id="abc2sr5tgd"

>Comprar</button>

Optional attributes

Additionally, to recognize customers who have registered accounts on your website. This will allow you to provide them with an even smoother and personalized shopping experience.

  <th>
    Description
  </th>

  <th>
    Example
  </th>
</tr>

  <td>
    Customer Email
  </td>

  <td>
    Ex: `[email protected]`
  </td>
</tr>

<tr>
  <td>
    data-customer-cif\
    string
  </td>

  <td>
    ID Number - Passport - CIF of the customer
  </td>

  <td>
    Ex: `50130508Z`
  </td>
</tr>

<tr>
  <td>
    data-customer-type\
    string
  </td>

  <td>
    Customer Type
  </td>

  <td>
    Options `COMPANY` or `PERSON` (Default is `PERSON`)
  </td>
</tr>

<tr>
  <td>
    data-name\
    string
  </td>

  <td>
    Customer Name
  </td>

  <td>
    Ex: `María` Only for `PERSON` type customers.
  </td>
</tr>

<tr>
  <td>
    data-surname\
    string
  </td>

  <td>
    Customer Surname
  </td>

  <td>
    Ex:` Luke` Only for `PERSON` type customers
  </td>
</tr>

<tr>
  <td>
    data-company-name\
    string
  </td>

  <td>
    Company Name
  </td>

  <td>
    Ex: `Uelz Company` Only for `COMPANY` type customers.
  </td>
</tr>

<tr>
  <td>
    data-prefix\
    string
  </td>

  <td>
    Phone Number Prefix with the '+' symbol
  </td>

  <td>
    Ex: `+34`
  </td>
</tr>

<tr>
  <td>
    data-phone\
    string
  </td>

  <td>
    Customer Phone Number
  </td>

  <td>
    Ex: `623039754`
  </td>
</tr>

<tr>
  <td>
    data-country\
    string
  </td>

  <td>
    Customer Country in ISO 3166-1 alpha 2 code
  </td>

  <td>
    Ex: `ES`
  </td>
</tr>

<tr>
  <td>
    data-city\
    string
  </td>

  <td>
    Customer City
  </td>

  <td>
    Ex: `Valencia`
  </td>
</tr>

<tr>
  <td>
    data-postal-code\
    string
  </td>

  <td>
    Customer Postal Code
  </td>

  <td>
    Ex: `46024`
  </td>
</tr>

<tr>
  <td>
    data-address\
    string
  </td>

  <td>
    Customer Address
  </td>

  <td>
    Ex: `Edificio Angels, Sc Puerto, 13`
  </td>
</tr>

<tr>
  <td>
    data-customer-not-editable\
    string
  </td>

  <td>
    If you add this attribute, customers will not be able to edit their data
  </td>

  <td>
    This attribute is boolean. If added, it means it is True.
  </td>
</tr>

<tr>
  <td>
    data-external-product-id\
    string
  </td>

  <td>
    Product ID purchased by the customer in your database
  </td>

  <td>
    Ex: `0012-ABC`
  </td>
</tr>

<tr>
  <td>
    data-external-customer-id\
    string
  </td>

  <td>
    Customer identification number in your database (BBDD)
  </td>

  <td>
    Ex: `xtrjko98`
  </td>
</tr>

<tr>
  <td>
    data-external-order-id\
    string
  </td>

  <td>
    Order identification number in your database (BBDD)
  </td>

  <td>
    Ex: `prder-JDE-003`
  </td>
</tr>

Attributes
data-customer-email string