Skip to main content

​
Overview

Operapedia organizes company information into 8 tabs covering different operational aspects. This guide focuses on the tabs related to payment methods and other company information.

​
The 8 Information Tabs

Each company has the following tabs:
TabIconPurposeData Type
Credenciales🎮Game credentialsArray of game objects
Depósito💰Deposit payment methodsArray of payment methods
Cashout💸Withdrawal methodsArray of payment methods
Consideraciones📋Cashout considerationsPlain text
Promociones🎁Active promotionsArray of promotions
Términos📜Terms and conditionsURL or text
Canales📞Support channelsArray of contact methods
Notas📝Internal notes timelineArray of timestamped notes
The Credenciales tab is covered in detail in the Game Credentials guide.

​
Depósito Tab (💰)

Manage deposit payment methods with provider details and transaction limits.

​
Data Structure

Each deposit method includes:
  • Método: Payment method name (e.g., “PIX”, “Credit Card”, “Bank Transfer”)
  • Proveedor: Payment provider/processor
  • Monto Mínimo: Minimum deposit amount
  • Monto Máximo: Maximum deposit amount

​
Viewing Deposit Methods (Read Mode)

Methods are displayed as a list or table showing all four fields.

​
Editing Deposit Methods (Edit Mode)

1

Enable Edit Mode

Click Edit in navbar and authenticate.
2

Navigate to Depósito Tab

Select a company, then click the 💰 Depósito tab.
3

Add or Edit Methods

Adding a new method:
  • Click + Agregar método de depósito
  • Fill in all four fields
  • Save the method
Editing existing methods:
  • Click the edit icon on a method row
  • Modify fields as needed
  • Save changes
Deleting methods:
  • Click the delete icon
  • Confirm deletion
4

Save Changes

Click Guardar to persist all deposit method changes to Firebase.

​
Example Deposit Methods

metodosDeposito: [
  {
    metodo: "PIX",
    proveedor: "PaymentGateway123",
    montoMinimo: "R$ 50",
    montoMaximo: "R$ 10,000"
  },
  {
    metodo: "Credit Card",
    proveedor: "Stripe",
    montoMinimo: "R$ 20",
    montoMaximo: "R$ 5,000"
  }
]

​
Cashout Tab (💸)

Manage withdrawal/cashout payment methods with the same structure as deposits.

​
Data Structure

Identical to deposit methods:
  • Método: Withdrawal method name
  • Proveedor: Payment processor
  • Monto Mínimo: Minimum withdrawal amount
  • Monto Máximo: Maximum withdrawal amount

​
Managing Cashout Methods

The workflow is identical to deposit methods but stored separately at companies/{id}/metodosCashout.
  • Bank Transfer
  • PIX (Brazil)
  • E-wallets (PayPal, Skrill, Neteller)
  • Cryptocurrency
  • Wire Transfer

​
Consideraciones Tab (📋)

Free-form text field for cashout considerations and special instructions.

​
Use Cases

  • Special verification requirements
  • Processing time expectations
  • Country/region restrictions
  • Document requirements for large withdrawals
  • Special procedures for specific payment methods

​
Editing Considerations

1

Navigate to Consideraciones Tab

Select company → 📋 Consideraciones tab
2

Edit in Text Area

In edit mode, the text displays in a <textarea> for easy editing.In read mode, it displays as formatted text with line breaks preserved.
3

Save Changes

Click Guardar to save to companies/{id}/consideracionesCashout.

​
Promociones Tab (🎁)

Manage active promotions, bonuses, and special offers.

​
Data Structure

Each promotion has:
  • Título: Promotion name/title
  • Descripción: Detailed description of the offer

​
Managing Promotions

1

Add Promotion

Click + Agregar promoción in edit mode.Fill in:
  • Title (e.g., “Welcome Bonus 100%”)
  • Description (terms, conditions, expiration)
2

Edit Promotion

Click edit icon on existing promotion to modify title or description.
3

Delete Promotion

Click delete icon and confirm to remove expired promotions.

​
Example Promotions

promociones: [
  {
    titulo: "Welcome Bonus 100%",
    descripcion: "Deposit R$100, get R$100 bonus. 30x wagering requirement. Valid until 2026-03-31."
  },
  {
    titulo: "Free Spins Friday",
    descripcion: "50 free spins every Friday on selected slots. No deposit required."
  }
]

​
Términos Tab (📜)

Store the terms and conditions URL or full text.

​
Data Types

  • URL: Link to external terms and conditions page
  • Plain Text: Full terms text stored directly

​
Display Modes

Read Mode:
  • If URL: Displays as a clickable button that opens in new tab
  • If plain text: Displays formatted text
Edit Mode:
  • Input field for URL or textarea for full text
  • Save to companies/{id}/terminosLink
Prefer using URLs to external terms pages to avoid duplicating long text. Only use plain text if the company has no hosted terms page.

​
Canales Tab (📞)

List of customer support contact channels.

​
Data Structure

Canales can be stored as: Simple strings: 
canales: [
  "[email protected]",
  "+55 11 9999-9999",
  "https://t.me/company_support"
]
Structured objects: 
canales: [
  { nombre: "Email", contacto: "[email protected]" },
  { nombre: "WhatsApp", contacto: "+55 11 9999-9999" },
  { nombre: "Telegram", contacto: "@company_support" }
]

​
Managing Channels

1

Add Channel

Click + Agregar canal in edit mode.Enter:
  • Contact method (email, phone, chat link, etc.)
2

Delete Channel

Click delete icon next to a channel to remove it.

​
Notas Tab (📝)

Internal timeline of notes with timestamps.

​
Data Structure

notas: [
  {
    texto: "Updated payment provider for PIX",
    fecha: "2026-03-05T14:30:00.000Z"
  },
  {
    texto: "Increased maximum withdrawal limit",
    fecha: "2026-03-04T10:15:00.000Z"
  }
]

​
Timeline Display

Notes are displayed in descending chronological order (newest first) with format: 
📌 05 Mar 2026 14:30
Updated payment provider for PIX

​
Managing Notes

1

Add Note

In edit mode, use the + Agregar nota form at the top.
  • Type note text in textarea
  • Click Agregar to save with current timestamp
2

Edit Existing Note

In edit mode, each note becomes an editable textarea.
  • Modify the note text
  • Click Guardar to update
3

Delete Note

Click the delete button next to a note and confirm deletion.
Use notes to track important changes, decisions, or issues that aren’t appropriate for other tabs. This creates an audit trail of company information updates.

​
Tab Navigation

The tabs use JavaScript-based navigation:
operapedia/index.html
// Tab switching
document.querySelectorAll('.tab').forEach(tab => {
  tab.addEventListener('click', () => {
    const targetTab = tab.dataset.tab;
    
    // Hide all panes
    document.querySelectorAll('.tab-pane').forEach(pane => {
      pane.classList.remove('tab-pane-active');
    });
    
    // Show selected pane
    document.querySelector(`[data-pane="${targetTab}"]`).classList.add('tab-pane-active');
  });
});

​
Unsaved Changes Warning

When in edit mode, attempting to change tabs triggers a confirmation modal:
operapedia/app.js
const confirmed = await showConfirmModal(
  'Cambios sin guardar',
  '¿Deseas salir del modo edición sin guardar?',
  'Salir',
  'Cancelar'
);

​
Best Practices

  • Verify min/max amounts with the provider
  • Update limits when providers change terms
  • Include currency symbols (R$, USD, etc.)
  • Document processing times in Consideraciones
  • Remove expired promotions promptly
  • Include expiration dates in descriptions
  • Document wagering requirements clearly
  • Link to full terms in Términos tab
  • Test all contact methods before adding
  • Include operating hours if applicable
  • Specify language support if multilingual
  • Keep emergency contacts at the top
  • Date significant changes in notes
  • Reference who made the change
  • Link to related documentation
  • Keep notes concise and actionable

Build docs developers (and LLMs) love

Get started for freeTalk to us