{"id":21979,"date":"2024-08-23T18:40:32","date_gmt":"2024-08-23T18:40:32","guid":{"rendered":"http:\/\/mediashower.com\/blog\/?page_id=21979"},"modified":"2025-02-05T19:16:10","modified_gmt":"2025-02-05T19:16:10","slug":"content-idea-generator","status":"publish","type":"page","link":"https:\/\/www.mediashower.com\/blog\/content-idea-generator\/","title":{"rendered":"Media Shower Marketing Platform | Content Idea Generator"},"content":{"rendered":"<div style=\"width: 400px; float: right; padding:2%;\">\n<p><iframe width=\"400\" height=\"250\" src=\"https:\/\/www.youtube.com\/embed\/wGuCKV-83xY?si=E5RNVurPMVhmeMPu\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><br \/>\n<center style=\"margin-top:-6%;\"><i>How it works (2 minutes)<\/i><\/center><\/p>\n<\/div>\n<h1>Streamline Your Content Creation With Our Free Tool.<\/h1>\n<p style=\"padding-top:2%;\"><em>Our AI-powered Content Idea Generator makes it easy.<\/em><\/p>\n<ul>\n<li>Ideas for blog posts, ebooks, videos, social media, and more<\/li>\n<li>Customized to your product, company, and industry<\/li>\n<li>Ready to send to your team or build out yourself<\/li>\n<\/ul>\n<p>Use our free AI tool below. Sign up for a Free Trial to get it all emailed to you.<\/p>\n   \n    \n\n\n\n    <!-- Right Panel Chat Assistant -->\n    <div id=\"chat-panel\"> \n\n        <style>\n            :root {\n                --chat-width: 400px;\n                --chat-height: 100vh;\n                --chat-bg-color: #fff;\n                --chat-border-color: #ccc;\n                --chat-font-family: Arial, sans-serif;\n                --chat-z-index: 100;\n            }\n\n            #chat-panel {\n                position: fixed;\n                top: 0;\n                right: 0;\n                height: var(--chat-height);\n                width: var(--chat-width);\n                z-index: var(--chat-z-index);\n                background-color: var(--chat-bg-color);\n                border-left: 1px solid var(--chat-border-color);\n                border-bottom: 1px solid var(--chat-border-color);\n                display: flex;\n                flex-direction: column;\n                font-family: var(--chat-font-family);\n            }\n\n            #chat-panel>div:first-child {\n                flex-grow: 1;\n                display: flex;\n                flex-direction: column;\n            }\n\n            #chat-panel iframe {\n                flex-grow: 1;\n                width: 100%;\n                height: 100%;\n                border: none;\n                display: block;\n            }\n\n            body:has(#chat-panel) main .container {\n                margin: 0;\n                padding-right: 400px;\n            }\n\n            @media (max-width: 850px) {\n                #chat-panel {\n                    display: none;\n                }\n\n                body:has(#chat-panel) main .container {\n                    margin: 0 auto;\n                    padding: 0 8px;\n                }   \n            }\n\n            @media (min-width: 1449px) {\n                body:has(#chat-panel) main .container {\n                  \/* your styles here *\/\n                  padding-right: 0px;\n                }\n            }\n\n            @media (max-width: 425px) {\n                #chat-panel {\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    width: 100vw;\n                    height: 100vh;\n                    border: none;\n                    border-top: none;\n                    border-left: none;\n                }\n            }\n        <\/style>\n\n\n        <!-- Scrollable chat area -->\n        <div style=\"flex: 1;\">\n            <iframe srcdoc=\"\n                <html lang='en'>\n                    <head>\n                        <style>\n                            body {\n                                margin: 0;\n                            }\n                            .bpFab {\n                                display: none;\n                            }\n                        <\/style>\n                    <\/head>\n                    <body>\n                        <script src='https:\/\/cdn.botpress.cloud\/webchat\/v2.2\/inject.js'><\/script>\n                        <script>\n                          window.botpress.init({\n                            'botId': 'a257d253-381c-432e-8efe-d3c64276299a',\n                            'configuration': {\n                            'composerPlaceholder': 'Chat with me',\n                            'botName': 'Content Idea Generator',\n                            'botAvatar': 'https:\/\/files.bpcontent.cloud\/2025\/01\/11\/20\/20250111204506-85OMMKYM.jpeg',\n                              'botDescription': 'Generate great content ideas in just a few minutes.',\n                              'color': '#FF9100',\n                              'variant': 'soft',\n                              'themeMode': 'light',\n                              'fontFamily': 'rubik',\n                              'radius': 4,\n                              'additionalStylesheetUrl': 'https:\/\/files.bpcontent.cloud\/2025\/01\/02\/20\/20250102204336-XP7OBJ3S.css',\n                              'showPoweredBy': false\n                            },\n                            'clientId': '6193bd79-804e-415b-8ee9-0687568de836'\n                          });\n\n                            let openAttempts = 0;\n                            const maxAttempts = 10;\n                            const attemptInterval = 300;\n                            function attemptToOpen() {\n                                if (openAttempts < maxAttempts) {\n                                    botpress.open();\n                                    openAttempts++;\n                                    setTimeout(attemptToOpen, attemptInterval);\n                                }\n                            }\n\n                            setTimeout(attemptToOpen, 500);\n\n                            window.botpress.on('webchat:ready', (conversationId) => {\n                                botpress.open();\n                            });\n\n                            window.botpress.on('webchat:opened', function () {\n                                function tryPatchStyles() {\n                                    const resetIframe = document.querySelector('.bpReset');\n                                    if (!resetIframe) return setTimeout(tryPatchStyles, 100);\n\n                                    const innerDoc = resetIframe.contentDocument || resetIframe.contentWindow.document;\n                                    if (!innerDoc) return setTimeout(tryPatchStyles, 100);\n\n                                    const composer = innerDoc.querySelector('.bpComposerContainer');\n                                    const header = innerDoc.querySelector('.bpHeaderContainer');\n                                    const container = innerDoc.querySelector('.bpContainer');\n\n                                    if (composer && header && container) {\n                                        composer.style.marginBottom = '20px';\n                                        header.style.borderTop = 'none';\n                                        header.style.borderLeft = 'none';\n                                        header.style.borderTopLeftRadius = '0px';\n                                        container.style.borderTop = 'none';\n                                        container.style.borderTopLeftRadius = '0px';\n                                    } else {\n                                        \/\/ Wait again if elements are not present yet\n                                        setTimeout(tryPatchStyles, 100);\n                                    }\n                                }\n\n                                tryPatchStyles();\n                            })\n\n                            window.botpress.on('webchat:closed', function () {\n                                window.parent.document.getElementById('chat-panel').style.display='none'\n                            });\n\n                            var check = setInterval(() => {\n                                botpress.open();\n                                clearInterval(check);\n                            }, 250);\n                        <\/script>\n                        <script>\n                            const chatPanel = window.parent.document.getElementById('chat-panel');\n                            const header = window.parent.document.querySelector('#page-header');\n\n                            function updateChatPanelHeight() {\n                                const scrollY = window.parent.scrollY;\n                                const headerRect = header.getBoundingClientRect();\n                                const headerVisible = headerRect.bottom > 0;\n                                const headerHeight = header.offsetHeight;\n\n                                if (headerVisible) {\n                                    chatPanel.style.top = headerHeight + 'px';\n                                    chatPanel.style.height = `calc(100vh - ${headerHeight}px)`;\n                                } else {\n                                    chatPanel.style.top = '0px';\n                                    chatPanel.style.height = '100vh';\n                                }\n                            }\n\n                            window.parent.addEventListener('scroll', updateChatPanelHeight);\n                            window.parent.addEventListener('resize', updateChatPanelHeight);\n                            window.parent.addEventListener('load', updateChatPanelHeight);\n                        <\/script>\n                    <\/body>\n                <\/html>\n            \" width=\"100%\" height=\"100%\" style=\"border: none;\"><\/iframe>\n        <\/div>\n        <!-- Footer -->\n        <div style=\"\n            text-align: center;\n            font-size: 12px;\n            color: #666;\n            padding: 20px;\n            border-top: 1px solid #fff;\n            \">\n            Powered by <strong>Media Shower AI<\/strong>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    \n\n    <!--\n    START LANDING PAGE TEMPLATE\n    -->\n            <form id=\"free_trial\">\n            <p class=\"center italic\">To save your chats, try our full AI marketing platform: <button type=\"button\" class=\"free-trial\" onClick=\"document.getElementById('sign-up-form').scrollIntoView();\">Free Trial<\/button><\/p>\n        <\/form>\n            \n    \n    <style>\n        .category-view-articles.sign-up {\n            border-radius: 6px;\n            background: #FF9100;\n            box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.08);\n            padding: 40px 24px;\n            margin-bottom: 24px;\n        }\n\n        form.sign-up-form .grid .sign-up-input-wrapper {\n            -webkit-flex-basis: 50%;\n            -ms-flex-preferred-size: 50%;\n            flex-basis: 50%;\n            -webkit-box-flex: 0;\n            -webkit-flex-grow: 0;\n            -ms-flex-positive: 0;\n            flex-grow: 0;\n            max-width: 50%;\n            padding-left: 12px;\n            padding-top: 12px;\n            box-sizing: border-box;\n            margin: 0;\n        }\n        form.sign-up-form .grid .sign-up-input-wrapper div {\n            border: 1px solid #FF9100;\n            border-radius: 3px;\n            background: #fed5b3;\n        }\n        form.sign-up-form .grid .sign-up-input-wrapper div:hover {\n            border: 1px solid #FFF;\n        }\n        form.sign-up-form .grid input:focus {\n            outline-color: #FFF;\n            outline-width: 1px;\n            outline: 0;\n            border: 1px solid #FFF;\n        }\n        form.sign-up-form .grid input {\n            border: 1px solid #fed5b3;\n            font-size: 1.6rem;\n            font-family: 'PT Sans'; \n            font-weight: 400;\n            line-height: 1.4375em;\n            color: #1E1E1E;\n            box-sizing: border-box;\n            position: relative;\n            cursor: text;\n            display: -webkit-inline-box;\n            display: -webkit-inline-flex;\n            display: -ms-inline-flexbox;\n            display: inline-flex;\n            -webkit-align-items: center;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            width: 100%;\n            position: relative;\n            border-radius: 6px;\n            color: #404041;\n            min-height: 34px;\n\n            background-color: #fed5b3;\n            color: #404041;\n            padding: 8px 16px;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            box-sizing: border-box;\n            -webkit-text-size-adjust: 100%;\n\n\n            height: 1.4375em;\n            margin: 0;\n            -webkit-tap-highlight-color: transparent;\n            min-width: 0;\n            width: 100%;\n            -webkit-animation-name: mui-auto-fill-cancel;\n            animation-name: mui-auto-fill-cancel;\n            -webkit-animation-duration: 10ms;\n            animation-duration: 10ms;\n            font-size: 12px;\n            font-weight: 700;\n            border-radius: 3px;\n        }\n        form.sign-up-form .grid input::placeholder {\n            color: #404041;\n        }\n        form.sign-up-form input:-webkit-autofill,\n        form.sign-up-form input:-webkit-autofill:hover, \n        form.sign-up-form input:-webkit-autofill:focus, \n        form.sign-up-form input:-webkit-autofill:active{\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: #404041;\n            transition: background-color 5000s ease-in-out 0s;\n            box-shadow: inset 0 0 20px 20px #fed5b3;\n        }\n        form.sign-up-form {\n            display: block;\n            max-width: 532px;\n            width: 100%;\n        }\n        .category-view-articles.sign-up  h2 {\n            color: #FFF;\n            text-align: center;\n            font-family: \"PT Sans\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            font-size: 36px;\n            font-style: normal;\n            font-weight: 700;\n            line-height: normal;\n        }\n        .category-view-articles.sign-up p.cat-header {\n            color: #FFF;\n            text-align: center;\n            font-family: \"PT Sans\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 138%; \/* 22.08px *\/\n        }\n        .grid {\n            box-sizing: border-box;\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-flex-wrap: wrap;\n            -webkit-flex-wrap: wrap;\n            -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n            width: 100%;\n            -webkit-flex-direction: row;\n            -ms-flex-direction: row;\n            flex-direction: row;\n            margin-top: -12px;\n            width: calc(100% + 12px);\n            margin-left: -12px;\n        }\n        .blog main article.wrapper p.form-small-print span {\n            margin-left: 0;\n            margin-right: 0;\n        }\n        p.form-small-print {\n            font-size: 12px;\n            line-height: 1.4;\n            letter-spacing: 0.4px;\n            font-family: \"PT Sans\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            font-weight: 400;\n            text-align: left;\n            margin-top: 3px;\n            margin-right: 0;\n            margin-bottom: 0;\n            margin-left: 0;\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-align-items: center;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            margin-top: 16px;\n        }\n        .form-small-print svg {\n            color: #1E1E1E;\n            font-size: 16px;\n            margin-right: 8px;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            width: 1em;\n            height: 1em;\n            display: inline-block;\n            fill: currentColor;\n            -webkit-flex-shrink: 0;\n            -ms-flex-negative: 0;\n            flex-shrink: 0;\n            -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n            transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        }\n        .form-small-print span {\n            font-size: 11px;\n            line-height: 1.4;\n            letter-spacing: 0.4px;\n            font-family: \"PT Sans\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            font-weight: 400;\n            text-align: left;\n            margin-top: 3px;\n            margin-right: 0;\n            margin-bottom: 0;\n            margin-left: 0;\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-align-items: center;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            color: #fff;\n            margin-top: 0;\n        }\n        .sign-up-form button:hover {\n            background-color: #757575;\n            box-shadow: none;\n            -webkit-text-decoration: none;\n            text-decoration: none;\n        }\n        .sign-up-form .submit-wrapper {\n            margin: 0 auto;\n        }\n        .sign-up-form button {\n            display: block;\n            position: relative;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n            background-color: transparent;\n            outline: 0;\n            border: 0;\n            margin: 0;\n            border-radius: 0;\n            padding: 0;\n            cursor: pointer;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            vertical-align: middle;\n            -moz-appearance: none;\n            -webkit-appearance: none;\n            -webkit-text-decoration: none;\n            text-decoration: none;\n            color: inherit;\n            font-weight: 700;\n            text-transform: uppercase;\n            min-width: 64px;\n            padding: 4px 10px;\n            border-radius: 6px;\n            -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n            color: inherit;\n            background-color: #e0e0e0;\n            box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);\n            border-color: currentColor;\n            width: 100%;\n            box-shadow: none;\n            padding: 0px 20px;\n            background-color: #404041;\n            color: #fff;\n            font-size: 12px;\n            font-weight: 700;\n            line-height: 1.2;\n            min-height: 32px;\n            border-radius: 3px;\n            letter-spacing: 0.4px;\n            max-width: 258px;\n            margin: 16px auto 0;\n        }\n        .form-wrapper {\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-flex-flow: column nowrap;\n            -webkit-flex-flow: column nowrap;\n            -ms-flex-flow: column nowrap;\n            flex-flow: column nowrap;\n            -webkit-box-pack: start;\n            -ms-flex-pack: start;\n            -webkit-justify-content: flex-start;\n            justify-content: flex-start;\n            -webkit-align-items: center;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            background-color: #FF9100;\n            border-radius: 6px;\n            overflow: hidden;   \n        }\n        <\/style>\n        <script>\n            jQuery(document).ready(function() {\n                const botId = jQuery(\".bot-wrapper\").data(\"botid\");\n                if(botId) {\n                    jQuery(\"#botpress_id\").val(botId);\n                }\n            });\n        <\/script>\n\n        <!-- Sign up Form -->\n        <div class=\"category-view-articles sign-up\">\n            <h2 class=\"cat-header\" id=\"title-signup\">Sign up for a free trial.<\/h2>\n            <p class=\"cat-header\">14 day trial. No credit card needed.<\/p>\n            <div class=\"form-wrapper\">\n                <form id=\"sign-up-form\" action=\"https:\/\/www.mediashower.com\/user\/free_trial\" class=\"form sign-up-form\" method=\"post\">\n                \n                    <input name=\"id\" type=\"hidden\" id=\"user_add_id\">\n                    <input name=\"ppc_keyword\" type=\"hidden\" id=\"user_add_ppc_keyword\">\n                    <input type=\"hidden\" name=\"botpress_convo\" id=\"botpress_convo\" value=\"No conversation recorded\">\n                    <input type=\"hidden\" name=\"botpress_id\" id=\"botpress_id\" value=\"\">\n                                        <input type=\"hidden\" name=\"logger_nonce\" id=\"logger_nonce\" value=\"15abceba5e\">\n\n                    <input aria-invalid=\"false\" id=\"register\" placeholder=\"Register\" type=\"hidden\" name=\"register\" value=\"Start free trial\">\n                    <div class=\"grid sign-up-grid\">\n                        <div class=\"sign-up-input-wrapper\">\n                            <div>\n                                <input  id=\"first_name\" placeholder=\"First Name\" type=\"text\" class=\"\" name=\"first_name\" required\/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sign-up-input-wrapper\">\n                            <div>\n                                <input  id=\"last_name\" placeholder=\"Last Name\" type=\"text\" class=\"\" name=\"last_name\" required\/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sign-up-input-wrapper\">\n                            <div>\n                                <input  id=\"email_address\" placeholder=\"Enter your email address here\" type=\"email\" class=\"\" name=\"email_address\" required\/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sign-up-input-wrapper\">\n                            <div>\n                                <input  id=\"password\" placeholder=\"Password\" type=\"password\" name=\"password\" minlength=\"8\" required\/>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <p class=\"form-small-print\">\n                        <svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CheckCircleOutlineRoundedIcon\">\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.88-11.71L10 14.17l-1.88-1.88a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7c.39-.39.39-1.02 0-1.41-.39-.39-1.03-.39-1.42 0z\">\n                        <\/path>\n                        <\/svg>\n                        <span>By signing up, I agree to the Terms and Conditions.<\/span>\n                    <\/p>\n                    <div class=\"submit-wrapper\">\n                        <button tabindex=\"0\" name=\"register\" type=\"submit\" class=\"\" id=\"user_add_submit\">Start free trial<\/button>\n                    <\/div>\n\t\t    <div id=\"sign-up-errors\" style=\"color: red; text-align: center; font-size: 14px; padding: 12px 0 0 0;\"><\/div>\n                    <input type=\"hidden\" name=\"referer_page\" value=\"\/blog\/wp-json\/wp\/v2\/pages\/21979\">\n\n                <\/form>\n            <\/div>\n        <\/div>\n\n        \n","protected":false},"excerpt":{"rendered":"<p>From blog posts to webinar topics, this tool will help generate great content ideas.<\/p>\n","protected":false},"author":109,"featured_media":19760,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-bot-landing.php","meta":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/pages\/21979"}],"collection":[{"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/users\/109"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/comments?post=21979"}],"version-history":[{"count":6,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/pages\/21979\/revisions"}],"predecessor-version":[{"id":22869,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/pages\/21979\/revisions\/22869"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/media\/19760"}],"wp:attachment":[{"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/media?parent=21979"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediashower.com\/blog\/wp-json\/wp\/v2\/tags?post=21979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}