Saltar al contenido principal

Personalización de Apps Móviles

Esta guía explica cómo personalizar con marca blanca tanto las apps Android como iOS. Sigue estos pasos cuando quieras rebrandear las apps con tu propio nombre de producto e identidad visual.

Qué Puedes Personalizar​

  • Nombre de la app (mostrado bajo el icono en la pantalla de inicio)
  • Icono de la app
  • Pantalla de lanzamiento / pantalla de bienvenida
  • Colores primarios y de acento
  • URL de instancia predeterminada (pre-rellenada en la pantalla de inicio de sesión)
  • Identificador de paquete / nombre de paquete (requerido para envío a la tienda)

Personalización Android​

Nombre de la App​

Edita app/src/main/res/values/strings.xml:

<string name="app_name">Tu Nombre de App</string>

Nombre de Paquete​

  1. En Android Studio, haz clic derecho en la carpeta de tu paquete y usa Refactor → Rename para renombrar el paquete.
  2. Actualiza applicationId en app/build.gradle: 
    applicationId "com.tuempresa.tuapp"

Icono de la App​

Reemplaza los archivos en:

  • app/src/main/res/mipmap-hdpi/ic_launcher.png
  • app/src/main/res/mipmap-mdpi/ic_launcher.png
  • app/src/main/res/mipmap-xhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxxhdpi/ic_launcher.png

El Image Asset Studio de Android Studio (File → New → Image Asset) puede generar todos los tamaños a partir de una sola imagen fuente de 1024x1024.

Colores​

Edita app/src/main/res/values/colors.xml:

<color name="colorPrimary">#E63946</color>
<color name="colorPrimaryDark">#C1121F</color>
<color name="colorAccent">#2EC4B6</color>

URL de Instancia Predeterminada​

Encuentra la constante en el proyecto (busca DEFAULT_BASE_URL o similar en un archivo Constants.kt o Config.kt) y configúrala con la URL de tu instancia LeadHub. Esto pre-rellena el campo URL para los usuarios para que no necesiten escribirla.

Personalización iOS​

Nombre de la App​

  1. En Xcode, haz clic en la raíz del proyecto en el Navigator.
  2. En Targets, selecciona tu target de app.
  3. En la pestaña General, cambia Display Name al nombre de tu producto.

Identificador de Paquete​

Cambia el Bundle Identifier en la misma pestaña General:

com.tuempresa.tuapp

Debe ser único y estar registrado en tu cuenta Apple Developer.

Icono de la App​

  1. En Xcode, abre Assets.xcassets.
  2. Haz clic en AppIcon.
  3. Arrastra tus imágenes de icono a los espacios correspondientes. Necesitas una imagen de 1024x1024 para la App Store y varios tamaños más pequeños para dispositivos.

El catálogo de recursos de Xcode te indicará qué tamaños son necesarios. Usa una herramienta como makeappicon.com para generar todos los tamaños requeridos a partir de una sola fuente.

Pantalla de Lanzamiento​

Edita LaunchScreen.storyboard en Xcode para personalizar la pantalla de bienvenida que se muestra mientras la app carga.

Colores​

Busca un archivo Colors.swift o Theme.swift en el proyecto y actualiza los valores de color primario y de acento:

struct Theme {
    static let primaryColor = UIColor(hex: "#E63946")
    static let accentColor  = UIColor(hex: "#2EC4B6")
}

O actualiza los recursos de color en Assets.xcassets → Colors.

URL de Instancia Predeterminada​

Busca un archivo Constants.swift o Config.swift y actualiza:

static let defaultBaseURL = "https://crm.tuempresa.com"

Configuración de Notificaciones Push​

Ambas apps necesitan credenciales de notificaciones push separadas para cada plataforma. Consulta las guías de desarrollo de Android e iOS para instrucciones paso a paso sobre cómo configurar FCM (Android) y APNs (iOS).

Después de configurar las credenciales push, actualiza la configuración de entorno de tu servidor LeadHub con las claves correspondientes. Tu administrador de sistema se encarga de esta parte.

Lista de Verificación para Envío a la Tienda​

Antes de enviar a Google Play o la Apple App Store:

  • El nombre de la app coincide con tu producto (no "LeadHub")
  • Nombre de paquete / Bundle ID actualizado al dominio de tu empresa
  • Icono de la app reemplazado con tu marca (todos los tamaños requeridos)
  • Pantalla de lanzamiento / bienvenida actualizada
  • Los colores coinciden con tu marca
  • URL de instancia predeterminada configurada (opcional pero recomendado)
  • Credenciales de notificaciones push configuradas
  • URL de política de privacidad añadida (requerida por ambas tiendas)
  • Capturas de pantalla de App Store / Play Store preparadas
  • Descripción escrita para tu producto