Can I show CB fields in my joomla article with some of your paid plugins?

dalibor.strop
OFFLINE
Posts: 38
Thanks: 3
Karma: 1

11 years 10 months ago - 11 years 10 months ago #218698 by dalibor.strop

Can I show CB fields in my joomla article with some of your paid plugins? was created by dalibor.strop

Hello I would like to ask if its possible to show CB fields using tags like {phone} in my joomla article.
And if its also possible to use it for showing autoresponder or youtube video code if user enter it on his profile page?

I use getresponse so the code can look like this:

Code:

<script type="text/javascript" src="http://app.getresponse.com/view_webform.js?wid=xxxxxx"></script>

or html like this:

Code:

<style type="text/css">
    #WFItem232863 html {
        color:#000 !important;
        background:#FFF !important;
    }
    #WFItem232863 body, #WFItem232863 div, #WFItem232863 dl, #WFItem232863 dt, #WFItem232863 dd, #WFItem232863 ul, #WFItem232863 ol, #WFItem232863 li, #WFItem232863 h1, #WFItem232863 h2, #WFItem232863 h3, #WFItem232863 h4, #WFItem232863 h5, #WFItem232863 h6, #WFItem232863 pre, #WFItem232863 code, #WFItem232863 form, #WFItem232863 fieldset, #WFItem232863 legend, #WFItem232863 input, #WFItem232863 textarea, #WFItem232863 p, #WFItem232863 blockquote, #WFItem232863 th, #WFItem232863 td {
        margin-left:0 !important;
        margin-right:0 !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
        padding-left:0 !important;
        padding-bottom:0 !important;
        padding-right:0 !important;
        padding-top:0 !important;
        width:auto !important;
        background-image:none !important;
    }
    #WFItem232863 div, #WFItem232863 dl, #WFItem232863 dt, #WFItem232863 dd, #WFItem232863 ul, #WFItem232863 ol, #WFItem232863 li, #WFItem232863 h1, #WFItem232863 h2 {
        border:none !important;
        background:none !important;
        float:none !important;
        width:auto !important;
        -moz-box-shadow:0 !important;
        -webkit-box-shadow:0 !important;
        box-shadow:0 !important;
        text-indent:inherit !important;
    }
    #WFItem232863 table {
        border-collapse:collapse !important;
        border-spacing:0 !important;
    }
    #WFItem232863 fieldset, #WFItem232863 img {
        border:0 !important;
    }
    #WFItem232863 address, #WFItem232863 caption, #WFItem232863 cite, #WFItem232863 code, #WFItem232863 dfn, #WFItem232863 em, #WFItem232863 th, #WFItem232863 var {
        font-style:normal !important;
        font-weight:normal !important;
    }
    #WFItem232863 strong {
        font-style:normal !important;
        font-weight:bold !important;
    }
    #WFItem232863 em {
        font-style:italic !important;
        font-weight:normal !important;
        position:static !important;
    }
    #WFItem232863 li {
        list-style:none !important;
    }
    caption, #WFItem232863 th {
        text-align:left !important;
    }
    #WFItem232863 h1, #WFItem232863 h2, #WFItem232863 h3, #WFItem232863 h4, #WFItem232863 h5, #WFItem232863 h6 {
        font-size:100% !important;
        font-weight:normal !important;
    }
    #WFItem232863 q:before, #WFItem232863 q:after {
        content:" " !important;
    }
    #WFItem232863 abbr, #WFItem232863 acronym {
        border:0 !important;
        font-variant:normal !important;
    }
    #WFItem232863 sup {
        vertical-align:text-top !important;
    }
    #WFItem232863 sub {
        vertical-align:text-bottom !important;
    }
    #WFItem232863 input, #WFItem232863 textarea, #WFItem232863 select {
        font-family:inherit !important;
        font-size:inherit !important;
        font-weight:inherit !important;
        height:auto !important;
        line-height:auto !important;
    }
    #WFItem232863 input, #WFItem232863 textarea, #WFItem232863 select {
        *font-size:100% !important;
    }
    #WFItem232863 legend {
        color:#000 !important;
    }
    #WFItem232863 .clearfix:after {
        visibility: hidden !important;
        display: block !important;
        font-size: 0 !important;
        content:" " !important;
        clear: both !important;
        height: 0 !important;
    }
    #WFItem232863 .clearer {
        clear:both !important;
        font-size:0.1px !important;
        height:0.1px !important;
        line-height:0.1px !important;
        width:100% !important;
    }
    #WFWrapper .close {
        background:url(https://app.getresponse.com/images/common/highslide/close.png) repeat scroll 0 0 transparent !important;
        cursor:pointer !important;
        height:30px !important;
        position:absolute !important;
        right:-15px !important;
        top:-15px !important;
        width:30px !important;
        z-index:1 !important;
    }
    #wfCloseX {
        background:url(https://app.getresponse.com/images/common/highslide/close.png) repeat scroll 0 0 transparent !important;
        cursor:pointer !important;
        height:30px !important;
        position:absolute !important;
        right:0 !important;
        top:0 !important;
        width:30px !important;
        z-index:1 !important;
        cursor:pointer !important;
    }
    #WFItem232863 .clrB {
        clear:both !important;
        text-align:left !important;
    }
    #WFItem232863 * html .clearfix {
        zoom: 1 !important;
    }
    #WFItem232863 *:first-child+html .clearfix {
        zoom: 1 !important;
    }
    #WFItem232863 .wf-contbox {
        width:100% !important;
    }
    .wf-formTpl li:before {
        content:"" !important;
    }
    #WFItem232863 form {
        display:inline-block !important;
        width:100% !important;
    }
    #WFItem232863 label {
        margin:0 !important;
    }
    #WFItem232863 p {
        line-height:18px !important;
        font-size:11px !important;
    }
    #WFItem232863 input[type="submit"] {
        cursor:pointer !important;
        text-shadow:none !important;
        float:none !important;
        text-transform:none !important;
        letter-spacing:0 !important;
    }
    #WFItem232863 {
        width:344px !important;
    }
    #WFItem232863 {
        color:#555555 !important;
        font-family:Arial, Helvetica, sans-serif !important;
        font-size:12px !important;
    }
    #WFItem232863 .wf-body li {
        padding:10px 15px !important;
        clear:both !important;
    }
    #WFItem232863 .actTinyMceElBodyContent ul li {
        padding:3px !important;
        list-style-type:disc !important;
    }
    #WFItem232863 .actTinyMceElBodyContent ol li {
        padding:3px !important;
        list-style-type:decimal !important;
    }
    #WFItem232863 .actTinyMceElBodyContent ul {
        margin-left: 20px !important;
    }
    #WFItem232863 .actTinyMceElBodyContent ol {
        margin-left: 25px !important;
    }
    #WFItem232863 .actTinyMceElBodyContent ol ol {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #WFItem232863 .wf-body {
        background-color:#a6979b !important;
        background-image:none !important;
        background-position:left top !important;
        background-repeat:no-repeat !important;
        border-color:#92757d !important;
        border-width:0px !important;
        border-style:None !important;
        padding-left:0 !important;
        padding-right:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    #WFItem232863 .wf-body {
        background-color: transparent !important;
    }
    #WFItem232863 .wf-header {
        color:#ffffff !important;
        background-color:#6b6262 !important;
        background-image:none !important;
        background-position:left top !important;
        background-repeat:no-repeat !important;
        border-color:#6b6262 !important;
        border-width:0px !important;
        border-style:None !important;
        padding-left:10px !important;
        padding-right:10px !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
        display:block !important;
        min-height:42px !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    #WFItem232863 .wf-header {
        background-color: transparent !important;
        background-image: none !important;
        padding-right: 0 !important;
        min-height:75px !important;
        color: #303030 !important;
    }
    #WFItem232863 .wf-footer {
        color:#ffffff !important;
        background-color:#6b6262 !important;
        background-image:none !important;
        background-position:left top !important;
        background-repeat:no-repeat !important;
        border-color:#6b6262 !important;
        border-width:0px !important;
        border-style:None !important;
        padding-left:10px !important;
        padding-right:10px !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
        display:block !important;
        min-height:25px !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    #WFItem232863 .wf-footer {
        background-color: transparent !important;
        min-height:20px !important;
    }
    #WFItem232863 .wf-input {
        padding:2px 0 !important;
        font-family:Arial !important;
        font-size:12px !important;
        color:#000000 !important;
        font-weight:normal !important;
        font-style:normal !important;
        text-decoration:none !important;
        background-color:#FFFFFF !important;
        border-width:1px !important;
        border-color:#919191 !important;
        border-style:solid !important;
        width:100% !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    #WFItem232863 .wf-input {
        font-family:Arial !important;
        font-size:12px !important;
        color:#000000 !important;
        font-weight:normal !important;
        font-style:normal !important;
        text-decoration:none !important;
        background-color:#FFFFFF !important;
        border-width:1px !important;
        border-color:#919191 !important;
        border-style:solid !important;
        width:100% !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    #WFItem232863 .wf-label {
        font-family:Arial !important;
        font-size:12px !important;
        color:#ffffff !important;
        font-weight:bold !important;
        font-style:normal !important;
        text-decoration:none !important;
        padding-top:3px !important;
        padding-bottom:3px !important;
        padding-left:0 !important;
        padding-right:3px !important;
        display:block !important;
    }
    #WFItem232863 .wf-label {
        color: #303030 !important;
        font-weight:bold !important;
    }
    #WFItem232863 .wf-button {
        font-family:Arial !important;
        font-size:16px !important;
        color:rgb(71, 71, 71) !important;
        font-weight:bold !important;
        font-style:normal !important;
        text-decoration:none !important;
        background-color: #ddd !important;
        border-width:1px !important;
        border-color:#707070 !important;
        border-style:solid !important;
        padding-left:10px !important;
        padding-right:10px !important;
        padding-top:4px !important;
        padding-bottom:4px !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius:8px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius:8px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomleft: 0px !important;
        border-bottom-left-radius:8px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        border-bottom-right-radius:8px !important;
        background-image:url(https://app.getresponse.com/images/core/webforms/gradient_top.png) !important;
        background-repeat:repeat-x !important;
        background-position:left top !important;
    }
    #WFItem232863 .wf-button:hover {
        !important;
    }
    #WFItem232863 .wf-button {
        -webkit-border-top-left-radius: 8px !important;
        -moz-border-radius-topleft: 8px !important;
        border-top-left-radius: 8px !important;
        -webkit-border-top-right-radius: 8px !important;
        -moz-border-radius-topright: 8px !important;
        border-top-right-radius: 8px !important;
        -webkit-border-bottom-left-radius: 8px !important;
        -moz-border-radius-bottomleft: 8px !important;
        border-bottom-left-radius: 8px !important;
        -webkit-border-bottom-right-radius: 8px !important;
        -moz-border-radius-bottomright: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    #WFItem232863 .wf-button {
        background-image:url(https://app.getresponse.com/images/core/webforms/gradient_top.png) !important;
    }
    #WFItem232863 .wf-button {
        background-repeat:repeat-x !important;
    }
    #WFItem232863 .wf-button {
        background-position:left top !important;
    }
    #WFItem232863 .wf-submit {
        text-align:right !important;
    }
    #WFItem232863 .wf-submit {
        text-align:right !important;
    }
    #WFItem232863 .wf-submit {
        text-align:left !important;
    }
    #WFItem232863 .wf-labelpos {
        float:none !important;
        width:auto !important;
        text-align:left !important;
    }
    #WFItem232863 .wf-labelpos {
        float:left !important;
        width:33% !important;
        text-align:left !important;
    }
    #WFItem232863 .wf-inputpos {
        float:none !important;
        width:auto !important;
    }
    #WFItem232863 .wf-inputpos {
        float:right !important;
        width:66% !important;
    }
    #WFItem232863 .wf-privacy {
        font-family:Arial !important;
        font-size:12px !important;
        color:rgb(48, 48, 48) !important;
        font-weight:normal !important;
        font-style:italic !important;
        text-decoration:none !important;
        text-align: center !important;
        background: none !important;
    }
    #WFItem232863 .wf-privacyico {
        padding:4px 0 0 20px !important;
        background:url(https://app.getresponse.com/images/core/webforms/lock.png) no-repeat left center !important;
    }
    #WFItem232863 .wf-counter {
        font-family:Arial !important;
        font-size:12px !important;
        color:#44454f !important;
        font-weight:bold !important;
        font-style:normal !important;
        text-decoration:none !important;
        text-align:center !important;
    }
    #WFItem232863 .wf-poweredby {
        font-family:Arial !important;
        font-size:10px !important;
        color:rgb(128, 124, 128) !important;
        font-weight:normal !important;
        font-style:italic !important;
        text-decoration:none !important;
        text-align:center !important;
    }
    #WFItem232863 .wf-link {
        font-family:Arial !important;
        font-size:12px !important;
        color:#ffffff !important;
        font-weight:normal !important;
        font-style:normal !important;
        text-decoration:none !important;
    }
    #WFItem232863 .wf-link:hover {
        font-family:Arial !important;
        font-size:12px !important;
        color:#ffffff !important;
        font-weight:normal !important;
        font-style:normal !important;
        text-decoration:none !important;
    }
    #WFItem232863 .wf-text {
        font-family:Arial !important;
        font-size:12px !important;
        color:#ffffff !important;
    }
    #WFItem232863 .wf-text {
        color:#85369a !important;
    }
    #WFItem232863 .wf-divider {
        border-top-width:1px !important;
        border-color:#ffffff !important;
        border-style:solid !important;
    }
    #WFItem232863 .wf-image {
        text-align:center !important;
    }
    #WFItem232863 .wf-privacylink {
        color:#ffffff !important;
        font-style:italic !important;
    }
    #WFItem232863 .wf-imgbox {
        overflow:hidden !important;
    }
    #WFItem232863 .wf-rc-reload {
        display:inline-block !important;
        width:16px !important;
        height:16px !important;
        overflow:hidden !important;
        text-indent:-99999px !important;
        position:relative !important;
        top:3px !important;
        margin-left:3px !important;
        background: url(https://app.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 -32px !important;
    }
    #WFItem232863 .wf-rc-audio {
        display:inline-block !important;
        width:16px !important;
        height:16px !important;
        overflow:hidden !important;
        text-indent:-99999px !important;
        position:relative !important;
        top:3px !important;
        margin-left:3px !important;
        background: url(https://app.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 0 !important;
    }
    #WFItem232863 .wf-rc-image {
        display:inline-block !important;
        width:16px !important;
        height:16px !important;
        overflow:hidden !important;
        text-indent:-99999px !important;
        position:relative !important;
        top:3px !important;
        margin-left:3px !important;
        background: url(https://app.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 -16px !important;
    }
    #WFItem232863 #recaptcha_image {
        width:200px !important;
        height:38px !important;
    }
    #WFItem232863 #recaptcha_image img {
        width:200px !important;
        height:38px !important;
    }
    #WFItem232863 .wf-rc-boxm {
        width:200px !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }
    #WFItemxxxxxx em {
        color:inherit !important;
        font-style:italic !important;
    }
</style>
<div id="WFItemxxxxxxx" class="wf-formTpl">
    <form accept-charset="utf-8" action="https://app.getresponse.com/add_contact_webform.html"
    method="post">
        <div class="box">
            <div id="WFIheader" class="wf-header el" style="display:  none !important; height: 75px; ">
                <div class="actTinyMceElBodyContent">
                    <p></p>
                </div>
                <em class="clearfix clearer"></em>
            </div>
            <div id="WFIcenter" class="wf-body">
                <ul class="wf-sortable" id="wf-sort-id">
                    <li class="wf-name" rel="undefined" style="display:  block !important; ">
                        <div class="wf-contbox">
                            <div class="wf-labelpos">
                                <label class="wf-label">Jméno:</label>
                            </div>
                            <div class="wf-inputpos">
                                <input class="wf-input wf-valid__length1to255" type="text" name="name"></input>
                            </div>
                            <em class="clearfix clearer"></em>
                        </div>
                    </li>
                    <li class="wf-email" rel="undefined" style="display:  block !important; ">
                        <div class="wf-contbox">
                            <div class="wf-labelpos">
                                <label class="wf-label">Email:</label>
                            </div>
                            <div class="wf-inputpos">
                                <input class="wf-input wf-req wf-valid__email" type="text" name="email"></input>
                            </div>
                            <em class="clearfix clearer"></em>
                        </div>
                    </li>
                    <li class="wf-submit" rel="undefined" style="display:  block !important; ">
                        <div class="wf-contbox">
                            <div class="wf-inputpos">
                                <input type="submit" class="wf-button" name="submit" value="Prohlédnout prezentaci"
                                style="width: 200px !important; display:  inline !important; "></input>
                            </div>
                            <em class="clearfix clearer"></em>
                        </div>
                    </li>
                    <li class="wf-counter" rel="undefined temporary" style="display:  none !important; ">
                        <div class="wf-contbox">
                            <div>
                                <span style="padding: 4px 6px 8px 24px; background-image: url(https://app.getresponse.com/images/core/webforms/countertemplates.png); background-position: 0% 0px; background-repeat: no-repeat no-repeat; "
                                class="wf-counterbox">
                                    <span class="wf-counterboxbg" style="padding: 4px 12px 8px 5px; background-image: url(https://app.getresponse.com/images/core/webforms/countertemplates.png); background-position: 100% -36px; background-repeat: no-repeat no-repeat; ">
                                        <span class="wf-counterbox0" style="padding: 5px 0px; "></span>
                                        <span style="padding: 5px; " name="https://app.getresponse.com/display_subscribers_count.js?campaign_name=timeisnowcz&var=0"
                                        class="wf-counterbox1 wf-counterq">0</span>
                                        <span style="padding: 5px 0px; " class="wf-counterbox2">subscribers</span>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <em class="clearfix clearer"></em>
                    </li>
                    <li class="wf-captcha" rel="undefined temporary" style="display:  none !important; ">
                        <div class="wf-contbox wf-captcha-1" id="wf-captcha-1" wf-captchaword="Enter the words above:"
                        wf-captchasound="Enter the numbers you hear:" wf-captchaerror="Incorrect please try again"
                        style="display:  block !important; "></div>
                        <em class="clearfix clearer"></em>
                    </li>
                    <li class="wf-privacy" rel="undefined" style="display:  block !important; ">
                        <div class="wf-contbox">
                            <div>
                                <a class="wf-privacy wf-privacyico" href="http://www.getresponse.com/permission-seal"
                                target="_blank" style="height: 18px !important; display: inline !important; ">Nemáme rádi spam! Kdykoli se můžete odhlásit.</a>
                            </div>
                            <em class="clearfix clearer"></em>
                        </div>
                    </li>
                    <li class="wf-poweredby" rel="undefined" style="display:  block !important; ">
                        <div class="wf-contbox">
                            <div>
                                <span class="wf-poweredby wf-poweredbyico" style="display:  block !important; ">
                                    <a class="wf-poweredbylink wf-poweredby" href="http://www.getresponse.com/"
                                    style="display:  inline !important; " target="_blank">Email Marketing</a>by GetResponse</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="WFIfooter" class="wf-footer el" style="display:  none !important; height: 20px; ">
                <div class="actTinyMceElBodyContent"></div>
                <em class="clearfix clearer"></em>
            </div>
        </div>
        <input type="hidden" name="webform_id" value="xxxxxx" />
    </form>
</div>
<script type="text/javascript" src="http://app.getresponse.com/view_webform.js?wid=xxxxxx&mg_param1=1"></script>

thank you

Last edit: 11 years 10 months ago by dalibor.strop.

Please Log in or Create an account to join the conversation.

nant
OFFLINE
Posts: 12339
Thanks: 1467
Karma: 877

11 years 10 months ago #218714 by nant

Replied by nant on topic Re: Can I show CB fields in my joomla article with some of your paid plugins?

With the CB Content bot that is available with Professional membership you can do this.

--
Nick (nant)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Tutorials + Search the forums
For more add-ons and support: Upgrade your membership
Links: Community Builder - Languages - Adv/Pro/Dev membership - CBSubs Paid Subscriptions - GPL Templates - Hosting

Visit my CB Profile - Send me a Private Message (PM)

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon