File size: 13,280 Bytes
64b113b
 
 
 
 
bf6e5b1
64b113b
 
bf6e5b1
64b113b
 
bbb926c
64b113b
 
 
3421ae5
64b113b
90557f1
64b113b
 
 
 
 
 
 
 
 
 
3421ae5
 
b94ad49
 
 
 
 
 
 
3421ae5
b94ad49
 
a0190fc
3421ae5
b94ad49
 
a0190fc
3421ae5
b94ad49
 
a0190fc
3421ae5
b94ad49
 
a0190fc
3421ae5
b94ad49
 
 
a0190fc
 
b94ad49
 
 
 
 
 
3421ae5
 
64b113b
 
 
3421ae5
64b113b
d730613
3421ae5
 
 
64b113b
3421ae5
64b113b
b94ad49
64b113b
b94ad49
 
 
 
 
 
 
 
 
6bf9e25
e9b66be
b94ad49
 
 
 
2be4127
b94ad49
 
64b113b
d730613
b94ad49
3421ae5
b94ad49
 
3421ae5
 
 
2be4127
b94ad49
10eb1fe
90557f1
b94ad49
a6f26c9
 
 
76ac96c
 
a6f26c9
 
 
 
 
bbb926c
dded234
ef0fcd4
bbb926c
7fa2a95
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dded234
ef0fcd4
 
dded234
b51e2d9
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7d29734
d730613
dded234
7d29734
 
 
 
3421ae5
 
7d29734
d730613
7bdddf9
3421ae5
7bdddf9
3421ae5
7bdddf9
2be4127
a0190fc
 
2be4127
a0190fc
 
2be4127
3421ae5
a0190fc
 
 
 
a6f26c9
 
a0190fc
a6f26c9
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
from dotenv import load_dotenv
import streamlit as st
import os
import google.generativeai as genai
import random

# Cargar las variables de entorno
load_dotenv()

# Configurar la API de Google
genai.configure(api_key=os.getenv("GOOGLE_API_KEY"))

# Función para obtener una mención del producto de manera probabilística
def get_random_product_mention():
    mentions = ["Directa", "Indirecta", "Metafórica"]
    probabilities = [0.34, 0.33, 0.33]
    return random.choices(mentions, probabilities)[0]

# Crear la instrucción de mención basada en la opción seleccionada
def get_mention_instruction(product_mention, product):
    if product_mention == "Directa":
        return f"Introduce directamente el producto '{product}' como la solución clara al problema que enfrenta el lector."
    elif product_mention == "Indirecta":
        return f"Referencia sutilmente el producto '{product}' como una posible solución al problema del lector sin nombrarlo explícitamente."
    elif product_mention == "Metafórica":
        return f"Introduce el producto '{product}' usando una metáfora, conectándolo simbólicamente a la solución que necesita el lector."
    return ""

# Ejemplos de llamados a la acción por tipo
cta_types = {
    "directos": [
        "Descargar la guía para mejorar mi productividad diaria.",
        "Suscribirme para recibir actualizaciones y promociones exclusivas.",
        "Unirme a la prueba gratis de 14 días y descubrir nuevas funciones.",
        "Registrarme para acceder a contenido premium y estrategias efectivas.",
        "Comprar ahora y obtener un regalo especial con mi pedido."
    ],
    "urgencia": [
        "Inscribirme ahora para asegurar mi lugar antes de que se agoten las plazas.",
        "Comenzar mi transformación hoy y no perder más tiempo."
    ],
    "descuento": [
        "Aprovechar el 50% de descuento y comprar por tiempo limitado.",
        "Hacer mi pedido ahora y obtener un 30% de descuento adicional."
    ],
    "exclusividad": [
        "Acceder a contenido exclusivo solo para miembros.",
        "Ser parte de un grupo selecto y disfrutar de beneficios únicos."
    ],
    "beneficio_claro": [
        "Mejorar mi productividad en solo una semana.",
        "Transformar mi carrera profesional con herramientas avanzadas."
    ],
    "personalización": [
        "Descubrir cómo personalizar esta oferta para mis necesidades.",
        "Elegir las opciones que mejor se adapten a mis necesidades."
    ]
}

# Función para que el modelo elija automáticamente el tipo de CTA y el CTA específico
def get_random_cta():
    cta_type = random.choice(list(cta_types.keys()))  # Selección aleatoria del tipo de CTA
    cta = random.choice(cta_types[cta_type])  # Selección aleatoria del CTA dentro del tipo
    return cta

# Función para generar llamados a la acción
def generate_ctas(number_of_ctas, target_audience, product, call_to_action, temperature):
    product_mention = get_random_product_mention()
    mention_instruction = get_mention_instruction(product_mention, product)

    # Configuración del modelo
    generation_config = {
        "temperature": temperature,  
        "top_p": 0.85,       
        "top_k": 128,        
        "max_output_tokens": 2048,
        "response_mime_type": "text/plain",
    }

    # Configuración del modelo generativo y las instrucciones del sistema
    model = genai.GenerativeModel(
        model_name="gemini-1.5-flash",  # Nombre del modelo que estamos utilizando
        generation_config=generation_config,  # Configuración de generación
        system_instruction=(
            "Eres un experto copywriter especializado en productos que solucionan problemas de tus clientes. "
            "Tu tarea es ayudarme a escribir llamados a la acción (CTA) para mi [página web, landing, correo], "
            "teniendo en cuenta los puntos débiles de mi [cliente ideal] y el [producto] y la [acción] a realizar. "
            "Recuerda que un buen CTA debe tener:\n\n"
            "1. **Acción**: Palabras que invitan a realizar un movimiento (e.g., 'Descargar', 'Suscribirse').\n"
            "2. **Valor**: Explicar el beneficio que el usuario obtendrá al realizar la acción.\n\n"
            "Asegúrate de que cada llamado a la acción siga la estructura de 'Acción + conector + Valor', y evita incluir explicaciones como 'Acción: Descubrir' o 'Valor: Un oasis de paz en medio del caos'.\n"
            "Important: Only answer CTAs, never include explanations or categories, like this: 'Registrarme ahora y descubrir cómo encontrar un poco de paz en medio del caos. (Este CTA apela al deseo de Han Solo de encontrar un momento de tranquilidad en su vida agitada.).'\n"
            "Basate en estos ejemplos para realizar tu tarea de crear los CTA's:\n\n"
            "**Ejemplos de CTAs en Voz Activa en Primera Persona:**\n"
            "- 'Descargar la guía para mejorar mi productividad diaria'\n"
            "- 'Suscribirme para recibir actualizaciones y promociones exclusivas'\n"
            "- 'Unirme a la prueba gratis de 14 días y descubrir nuevas funciones'\n"
            "Usa estos lineamientos para generar CTAs de alta conversión en español."
        )
    )

    # Selección aleatoria de tipos de CTA, manteniendo variedad en la salida
    selected_types = random.sample(list(cta_types.keys()), min(number_of_ctas, len(cta_types)))

    # Crear un mensaje para el modelo que incluye los CTAs generados según los tipos seleccionados
    ctas_instruction = (
        f"Tu tarea es crear {number_of_ctas} llamados a la acción efectivos dirigidos a {target_audience}, "
        f"para promover {call_to_action}. Usa la siguiente mención: {mention_instruction}. "
        "Asegúrate de que cada llamado a la acción siga la estructura de 'Acción + conector + Valor', "
        "como los ejemplos proporcionados anteriormente."
    )

    # Generar el resultado utilizando el modelo con la instrucción de CTA específica
    try:
        response = model.generate_content([ctas_instruction])
        
        # Extraer el texto de la respuesta
        generated_ctas = response.candidates[0].content.parts[0].text.strip()  # Modificado aquí
        
        # Retornar el resultado
        return generated_ctas
    except Exception as e:
        raise ValueError(f"Error al generar los CTA: {str(e)}")

# Configurar la interfaz de usuario con Streamlit
st.set_page_config(page_title="QuickPrompt", layout="wide")

import streamlit as st

# Título del Sidebar
st.sidebar.title("Quick Prompt User Manual")

# Introducción del manual
st.sidebar.subheader("Welcome to Quick Prompt")
st.sidebar.write("""
In a world where competition for attention is fierce, getting your audience not only to listen but to act is a daily challenge. 
Even with an excellent product, service, or resource, it can be frustrating to watch your audience's interest fade without turning into concrete actions.
This is where calls-to-action (CTAs) come into play.
CTAs are much more than just buttons or persuasive phrases: they are the bridge that connects your audience with what you offer.
""")

# Cómo Utilizar Quick Prompt
st.sidebar.subheader("How to Use Quick Prompt")
st.sidebar.write("""
Quick Prompt is an intuitive, easy-to-use tool that helps you create attractive and effective CTAs.
Here is how you can feed the necessary variables to generate CTAs that inspire your audience to act:
""")

# Sección 1: Definir tu Público Objetivo
st.sidebar.subheader("1. Define Your Target Audience")
st.sidebar.write("""
Understand and connect with your audience by answering these key questions:
- Who is your audience?
- What are their interests and needs?
- What problems can they solve with your product?
Examples:
- University students looking for tools to improve their productivity.
- Entrepreneurs wanting to learn marketing skills to grow their businesses.
- Professionals looking to improve time management and achieve their career goals.
""")

# Sección 2: Especificar el Producto
st.sidebar.subheader("2. Specify the Product")
st.sidebar.write("""
Here, define the service or resource you're promoting. The CTA should be clear and directly related to the product.
Examples:
- "Free guide on efficient study techniques."
- "Online digital marketing course for entrepreneurs."
- "Exclusive webinar on time management for team leaders."
""")

# Sección 3: Determinar la Acción Deseada
st.sidebar.subheader("3. Determine the Desired Action")
st.sidebar.write("""
Define the specific action you want your audience to take. This can vary from a download to a registration or subscription.
Examples:
- Download a free PDF with useful resources.
- Sign up for an online course on digital skills.
- Register for an exclusive event or webinar.
""")

# Sección 4: Seleccionar el Número de CTAs
st.sidebar.subheader("4. Select the Number of CTAs")
st.sidebar.write("""
Decide how many CTAs you want to create in one session. This may depend on the number of offers or products you are promoting.
Examples:
- Generate 1 direct CTA for a single product.
- Create 3 varied CTAs for a landing page with multiple resources.
- Design 5 personalized CTAs for different audience types.
""")

# Sección 5: Ajustar la Creatividad
st.sidebar.subheader("5. Adjust the Creativity")
st.sidebar.write("""
Quick Prompt includes a slider that allows you to adjust the creativity of your CTAs. Here are creativity ranges according to values from 0 to 1, with three examples in each range:
""")

# Rango de Creatividad Baja
st.sidebar.write("**Low Creativity (0.0 - 0.3)**")
st.sidebar.write("""
This range is direct and simple. The CTAs are clear, concise, and traditional.
Examples:
- "Download the free productivity guide."
- "Sign up for the course today."
- "Register for the webinar now."
""")

# Rango de Creatividad Media
st.sidebar.write("**Medium Creativity (0.4 - 0.7)**")
st.sidebar.write("""
In this range, CTAs become more persuasive, with a friendly tone that engages the reader, but without being too innovative.
Examples:
- "Improve your day with our free guide. Download it now!"
- "Join our course and start growing today."
- "Register for the webinar and discover new opportunities."
""")

# Rango de Creatividad Alta
st.sidebar.write("**High Creativity (0.8 - 1.0)**")
st.sidebar.write("""
In this range, the CTAs are more creative and dynamic, generating excitement or urgency. The language is more appealing and visual.
Examples:
- "Conquer your productivity with our essential guide! Download it now."
- "Take a leap in your career. Join the course and transform your future today."
- "Don't miss this unique opportunity. Register and secure your spot in the webinar."
""")

# Footer del manual
st.sidebar.write("With Quick Prompt, transforming interest into action has never been easier.")

# Centrar el título y el subtítulo
st.markdown("<h1 style='text-align: center;'>Quick Prompt</h1>", unsafe_allow_html=True)
st.markdown("<h4 style='text-align: center;'>Transforma tu mensaje en llamados de acción que inspiren a tu audiencia a tomar decisiones al instante.</h4>", unsafe_allow_html=True)

# Añadir CSS personalizado para el botón
st.markdown("""
    <style>
    div.stButton > button {
        background-color: #FFCC00;
        color: black;
        width: 90%;
        height: 60px;
        font-weight: bold;
        font-size: 22px;
        text-transform: uppercase;
        border: 1px solid #000000;
        border-radius: 8px;
        display: block;
        margin: 0 auto;
    }
    div.stButton > button:hover {
        background-color: #FFD700;
        color: black;
    }
    </style>
""", unsafe_allow_html=True)

# Crear columnas
col1, col2 = st.columns([1, 2])  

# Columnas de entrada
with col1:
    target_audience = st.text_input("¿Quién es tu público objetivo?", placeholder="Ejemplo: Estudiantes Universitarios")
    product = st.text_input("¿Qué producto tienes en mente?", placeholder="Ejemplo: Curso de Inglés")
    call_to_action = st.text_input("¿Qué acción deseas que tomen?", placeholder="Ejemplo: Inscribirse al curso")
    number_of_ctas = st.selectbox("Número de llamados a la acción", options=[1, 2, 3, 4, 5], index=2)
    temperature = st.slider("Creatividad", min_value=0.0, max_value=1.0, value=0.5, step=0.1)

    # Botón de enviar
    submit = st.button("Generar Llamados a la Acción")

# Mostrar los llamados a la acción generados
if submit:
    if target_audience and product and call_to_action:
        try:
            # Obtener la respuesta del modelo
            generated_ctas = generate_ctas(number_of_ctas, target_audience, product, call_to_action, temperature)
            col2.markdown(f"""
                <div style="border: 1px solid #000000; padding: 5px; border-radius: 8px; background-color: #ffffff;">
                    <h4>¡Acción mágica en marcha!</h4>
                    <p>{generated_ctas}</p>
                </div>
            """, unsafe_allow_html=True)
        except ValueError as e:
            col2.error(f"Error: {str(e)}")
        except Exception as e:
            col2.error(f"Error inesperado: {str(e)}")
    else:
        col2.error("Por favor, proporciona el público objetivo, el producto y la acción.")