WordPress.org
Get WordPress

Plugin Directory

Changeset 3103964


Ignore:
Timestamp:
06/18/2024 09:05:35 AM (20 months ago)
Author:
ovixia
Message:

Upgrade to 1.3.1

Location:
datapocket
Files:
10 added
14 edited
1 copied

Legend:

Unmodified
Added
Removed

  • datapocket/tags/1.3.1/assets/css/admin.css

    r2809731 r3103964  
    1 .card {
    2     border: none;
    3     height: 100%
     1.fs-7 {
     2    font-size: 0.75rem;
    43}
    54
    6 .copy-button {
     5.steps li:not(:first-child)::before {
     6    content: '';
     7    height: 48px;
     8    display: block;
     9    background: #6C757D;
     10    width: 2px;
    711    position: relative;
    8     margin-left: 10px;
    9     background-color: #d50057;
    10     border-color: #d50057;
     12    left: 16px;
     13    margin: 14px 0 12px;
    1114}
    1215
    13 .copy-button.btn-danger:hover {
    14     background-color: #d50057;
    15     border-color: #d50057;
     16.mt-8 {
     17    margin-top: 5rem;
    1618}
    1719
    18 div.token-container {
    19     display: flex;
    20     flex-direction: row;
    21     align-items: center;
     20.text-brand {
     21    color: #D50057;
    2222}
    2323
    24 input.token-input {
    25     text-align: center;
    26     background-color: white;
    27     height: 38px;
    28     border-radius: 4px;
    29 
     24.datapocket-btn {
     25    width: 8rem;
     26    text-align: center;
     27    white-space: nowrap;
     28    flex-shrink: 0;
    3029}
    31 
    32 .tip {
    33     background-color: #263646;
    34     padding: 0 14px;
    35     line-height: 27px;
    36     position: absolute;
    37     top: 45px;
    38     border-radius: 4px;
    39     z-index: 100;
    40     color: #fff;
    41     font-size: 12px;
    42     animation-name: tip;
    43     animation-duration: .6s;
    44     animation-fill-mode: both
    45 }
    46 
    47 .tip:before {
    48     content: "";
    49     background-color: #263646;
    50     height: 10px;
    51     width: 10px;
    52     display: block;
    53     position: absolute;
    54     transform: rotate(45deg);
    55     top: -4px;
    56     left: 17px
    57 }
    58 
    59 #copied_tip {
    60     animation-name: come_and_leave;
    61     animation-duration: 1s;
    62     animation-fill-mode: both;
    63     bottom: -35px;
    64     left: 2px
    65 }
    66 
    67 .text-line {
    68     font-size: 14px
    69 }

  • datapocket/tags/1.3.1/datapocket.php

    r2930852 r3103964  
    55 * Plugin URI:        https://datapocket.app/
    66 * Description:       Connect WooCommerce and WordPress to Canva, Figma and Adobe
    7  * Version:           1.2.9
     7 * Version:           1.3.1
    88 * Requires at least: 4.6
    99 * Requires PHP:      7.0

  • datapocket/tags/1.3.1/includes/admin/class-datapocket-admin-menus.php

    r2820349 r3103964  
    3131    public function admin_menu()
    3232    {
    33         add_menu_page( __( 'Datapocket', 'datapocket' ), __( 'Datapocket', 'datapocket' ), 'manage_options', 'datapocket', array( $this, 'admin_page' ), datapocket()->plugin_url() . '/assets/img/menu-icon.png' );
     33        add_menu_page( __( 'Datapocket', 'datapocket' ), __( 'Datapocket', 'datapocket' ), 'manage_options', 'datapocket', array( $this, 'admin_page' ), datapocket()->plugin_url() . '/assets/img/menu-icon.svg' );
    3434    }
    3535

  • datapocket/tags/1.3.1/includes/admin/views/html-admin-page.php

    r2837128 r3103964  
    1 <div class="container">
    2     <div class="py-5 text-center">
    3         <img class="d-block mx-auto mb-4" src="https://storage.cdnovixia.com/datapocket/identity/SVG/dp-icon-line-01.svg" alt="" width="72" height="72">
    4         <h2><?php _e( 'DataPocket', 'datapocket' ); ?></h2>
    5         <p class="lead"><?php _e( 'This plugin will synchronise your store catalogue with your chosen design platform.', 'datapocket' ); ?></p>
     1<?php
     2$is_woocommerce_connected = ! class_exists( 'WooCommerce' ) || datapocket_is_connected( true );
     3$is_wordpress_connected   = datapocket_is_connected();
     4$problem_count            = count( array_filter( array( ! is_ssl(), ! $is_woocommerce_connected || ! $is_wordpress_connected  ) ) );
     5?>
     6
     7<div class="container ms-0 p-5">
     8    <div class="row">
     9        <div class="col-12 col-lg-7">
     10            <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/logo.svg' ); ?>">
     11        </div>
     12        <div class="col-12 col-lg-5 text-center">
     13            <h3 class="fs-5 fw-bold mb-0"><?php esc_html_e( 'Connect and design on', 'datapocket' ); ?></h3>
     14            <img
     15                src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/supported-platforms.svg' ); ?>"
     16                class="mt-4"
     17            >
     18        </div>
    619    </div>
    7     <div class="row">
    8         <div class="col-md-8 order-md-1">
    9             <h4 class="mb-3"><?php _e( 'Active your account using your key', 'datapocket' ); ?></h4>
    10             <div class="d-grid gap-1">
    11                 <div class="mt-1 mb-1"><?php _e( 'Please copy the key below and paste it into your DataPocket account.', 'datapocket' ); ?></div>
    12                
    13                 <script>
    14                     function copy( text, target ) {
    15                         setTimeout( function () {
    16                             jQuery('#copied_tip').remove();
    17                         }, 800 );
    18                         jQuery( target ).append( "<div class='tip' id='copied_tip'>Copied!</div>" );
    19                         var input = document.createElement( 'input' );
    20                         input.setAttribute('value', text);
    21                         document.body.appendChild(input);
    22                         input.select();
    23                         var result = document.execCommand('copy');
    24                         document.body.removeChild(input)
    25                         return result;
    26                     }
    27                 </script>
    28                
    29                 <div class="p-4 bg-light border">
    30                     <div class="token-container">
    31                         <input class="token-input" type="text" disabled value="<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>" />
    32                         <button onclick="copy('<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>','#copy_button_1')" id="copy_button_1" class="btn btn-danger copy-button">
    33                             <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/copy-icon.svg' ); ?>"> | <?php _e( 'Copy WordPress Key', 'datapocket' ); ?>
    34                         </button>
     20    <div class="row mt-4 g-5">
     21        <div class="col-12 col-lg-7">
     22            <div class="border-bottom p-2">
     23                <h1 class="fs-3"><?php esc_html_e( 'Design with your data', 'datapocket' ); ?></h1>
     24                <h2 class="fs-5 fw-normal"><?php esc_html_e( 'Connect your blog or store catalogue with your chosen design platforms.', 'datapocket' ); ?></h2>
     25            </div>
     26
     27            <?php if ( ! is_ssl() || ! $is_woocommerce_connected || ! $is_wordpress_connected ) : ?>
     28                <section class="mt-4">
     29                    <h3 class="fs-5 p-3 d-flex gap-3 align-items-center">
     30                        <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/error.svg' ); ?>">
     31                        <?php esc_html_e( 'Problems', 'datapocket' ); ?> (<?php echo esc_html( $problem_count ); ?>)
     32
     33                        <a
     34                            href="https://help.datapocket.app/en/articles/9414407"
     35                            target="_blank"
     36                            class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black fw-normal fs-6 lh-base me-3"
     37                        >
     38                            <?php esc_html_e( 'Help me', 'datapocket' ); ?>
     39                        </a>
     40                    </h3>
     41
     42                    <div class="p-3 border shadow-sm">
     43                        <p><?php esc_html_e( 'We have detected the following issues that affect the connection.', 'datapocket' ); ?></p>
     44                       
     45                        <?php if ( ! is_ssl() ) : ?>
     46                            <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-danger align-items-center">
     47                                <div>
     48                                    <span class="d-block fw-semibold"><?php esc_html_e( 'HTTPS Required', 'datapocket' ); ?></span>
     49                                    <span class="d-block fs-7"><?php esc_html_e( 'Your server must be configured with HTTPS', 'datapocket' ); ?></span>
     50                                </div>
     51                                <a
     52                                    href="<?php echo esc_url( get_admin_url( null, 'options-general.php' ) ); ?>"
     53                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black"
     54                                >
     55                                    <?php esc_html_e( 'Settings', 'datapocket' ); ?>
     56                                </a>
     57                            </div>
     58                        <?php endif; ?>
     59                        <?php if ( ! $is_woocommerce_connected || ! $is_wordpress_connected ) : ?>
     60                            <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-danger align-items-center">
     61                                <div>
     62                                    <span class="d-block fw-semibold"><?php esc_html_e( 'No connection with DataPocket', 'datapocket' ); ?></span>
     63                                    <span class="d-block fs-7"><?php esc_html_e( 'Connection failed between your server and DataPocket. Click "help me" (link above) for common troubles associated and check again.', 'datapocket' ); ?></span>
     64                                </div>
     65                                <a
     66                                    href=""
     67                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black text-nowrap"
     68                                >
     69                                    <?php esc_html_e( 'Check again', 'datapocket' ); ?>
     70                                </a>
     71                            </div>
     72                        <?php endif; ?>
     73                    </div>
     74                </section>
     75            <?php else : ?>
     76                <section class="mt-4">
     77                    <h3 class="fs-5 p-3 d-flex gap-3">
     78                        <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/success.svg' ); ?>">
     79                        <?php esc_html_e( 'All set', 'datapocket' ); ?>
     80                    </h3>
     81
     82                    <div class="p-3 border shadow-sm">
     83                        <p class="m-0"><?php esc_html_e( 'Your server is ready to connect to DataPocket. Follow the instructions on the right to complete the connection.', 'datapocket' ); ?></p>
     84                    </div>
     85                </section>
     86            <?php endif; ?>
     87
     88            <section class="mt-4">
     89                <h3 class="fs-5 p-3"><?php esc_html_e( 'WordPress Connection', 'datapocket' ); ?></h3>
     90
     91                <div class="p-3 border shadow-sm">
     92                    <p><?php esc_html_e( 'Please copy the URL and key below and paste it into your DataPocket account.', 'datapocket' ); ?></p>
     93                   
     94                    <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     95                        <div>
     96                            <span class="d-block fw-semibold"><?php esc_html_e( 'URL', 'datapocket' ); ?></span>
     97                            <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     98                        </div>
     99                        <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     100                            <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'siteurl' ) ); ?>">
     101                            <button
     102                                id="copy_wp_url"
     103                                class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     104                                onclick="copy('<?php echo esc_attr( get_option( 'siteurl' ) ); ?>','#copy_wp_url')"
     105                            >
     106                                <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     107                            </button>
     108                        </div>
     109                    </div>
     110                    <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     111                        <div>
     112                            <span class="d-block fw-semibold"><?php esc_html_e( 'DataPocket Key', 'datapocket' ); ?></span>
     113                            <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     114                        </div>
     115                        <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     116                            <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>">
     117                            <button
     118                                id="copy_wp_token"
     119                                class="datapocket-btn  bg-transparent border border-1 border-dark rounded px-2 py-1"
     120                                onclick="copy('<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>','#copy_wp_token')"
     121                            >
     122                                <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     123                            </button>
     124                        </div>
    35125                    </div>
    36126                </div>
    37                
    38                
    39     <?php if( class_exists( 'WooCommerce' ) ): ?>
    40                 <div class="p-4 bg-light border">
    41                     <div class="token-container">
    42                         <input class="token-input" type="text" disabled value="<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>" />
    43                         <button onclick="copy('<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>','#copy_button_2')" id="copy_button_2" class="btn btn-danger copy-button">
    44                             <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/copy-icon.svg' ); ?>"> | <?php _e( 'Copy Woocommerce Key', 'datapocket' ); ?>
    45                         </button>
    46                     </div>
    47                 </div>
    48     <?php endif; ?>
    49 
    50                
    51                 <div class="mt-1">
    52                     &nbsp;
    53                 </div>
    54                 <h4 class="mb-3"><?php _e( 'Follow this video instructions', 'datapocket' ); ?></h4>
    55                 <div class="p-2 bg-light border">
    56                     <div class="ratio ratio-16x9">
    57                         <video
    58                             src="https://storage.cdnovixia.com/datapocket/identity/video/datapocket-reveal-hb.m4v"
    59                             controls></video>
    60                     </div>
    61                 </div>
     127            </section>
     128
     129            <?php if ( class_exists( 'WooCommerce' ) ) : ?>
     130                <section class="mt-4">
     131                    <h3 class="fs-5 p-3"><?php esc_html_e( 'WooCommerce Connection', 'datapocket' ); ?></h3>
     132
     133                    <div class="p-3 border shadow-sm">
     134                        <p><?php esc_html_e( 'Please copy the URL and key below and paste it into your DataPocket account.', 'datapocket' ); ?></p>
     135                       
     136                        <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     137                            <div>
     138                                <span class="d-block fw-semibold"><?php esc_html_e( 'URL', 'datapocket' ); ?></span>
     139                                <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     140                            </div>
     141                            <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     142                                <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'siteurl' ) ); ?>">
     143                                <button
     144                                    id="copy_wc_url"
     145                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     146                                    onclick="copy('<?php echo esc_attr( get_option( 'siteurl' ) ); ?>','#copy_wc_url')"
     147                                >
     148                                    <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     149                                </button>
     150                            </div>
     151                        </div>
     152                        <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     153                            <div>
     154                                <span class="d-block fw-semibold"><?php esc_html_e( 'DataPocket Key', 'datapocket' ); ?></span>
     155                                <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     156                            </div>
     157                            <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     158                                <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>">
     159                                <button
     160                                    id="copy_wc_token"
     161                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     162                                    onclick="copy('<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>','#copy_wc_token')"
     163                                >
     164                                    <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     165                                </button>
     166                            </div>
     167                        </div>
     168                    </div>
     169                </section>
     170            <?php endif;  ?>
     171        </div>
     172        <div class="col-12 col-lg-5">
     173            <div class="border-bottom p-2">
     174                <h1 class="fs-3"><?php esc_html_e( 'Instructions', 'datapocket' ); ?></h1>
     175                <h2 class="fs-5 fw-normal"><?php esc_html_e( 'Follow these steps', 'datapocket' ); ?></h2>
    62176            </div>
    63         </div>
    64         <div class="col-md-4 order-md-2 mb-4">
    65             <div>
    66                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    67                     <span class="text-muted"><?php _e( 'About Datapocket', 'datapocket' ); ?></span>
    68                 </h4>
    69                 <ul class="list-group mb-3 sticky-top">
    70                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    71                         <div>
    72                             <p class="text-muted">
    73                                 <?php _e( 'DataPocket is a very simple and efficient service that allows
    74                                 having the entire eCommerce catalogue available in your desired design platform letting you instantly generate and design
    75                                 content taking advantage of the powerful features available in your chosen design platform.' ); ?>
    76                             </p>
    77                             <p class="mb-1"><a href="https://datapocket.app/help"><?php _e( 'Learn more', 'datapocket' ); ?></a></p>
    78                         </div>
    79                     </li>
    80                 </ul>
     177
     178            <ol class="list-unstyled ms-0 mt-4 steps mb-5">
     179                <li>
     180                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">01</span>
     181                    <?php esc_html_e( 'Open', 'datapocket' ); ?> <a class="text-brand" target="_blank" href="https://m.datapocket.app">https://m.datapocket.app</a>
     182                </li>
     183                <li>
     184                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">02</span>
     185                    <?php esc_html_e( 'Select “add your own datasource”', 'datapocket' ); ?>
     186                </li>
     187                <li>
     188                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">03</span>
     189                    <?php esc_html_e( 'Select your connector', 'datapocket' ); ?>
     190                </li>
     191                <li>
     192                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">04</span>
     193                    <?php esc_html_e( 'Copy the URL and paste', 'datapocket' ); ?>
     194                </li>
     195                <li>
     196                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">05</span>
     197                    <?php esc_html_e( 'Copy the key and paste', 'datapocket' ); ?>
     198                </li>
     199            </ol>
     200
     201            <div class="mt-8 fw-semibold"><?php esc_html_e( 'Need extra help?', 'datapocket' ); ?> <a target="_blank" href="https://help.datapocket.app/en/collections/9390679" class="text-brand"><?php esc_html_e( 'Go to Help Center', 'datapocket' ); ?></a></div>
     202       
     203            <div class="mt-8 border-bottom p-2">
     204                <h3><?php esc_html_e( 'Peace of mind', 'datapocket' ); ?></h3>
     205                <p><?php esc_html_e( 'DataPocket does NOT overwrite your products or website. It only connects your product catalogue or blogposts to design platforms like Canva, Figma, Adobe Express and the Adobe Suite.  Use it confidently knowing your data remains intact.', 'datapocket' ); ?></p>
    81206            </div>
    82            
    83         <p class="d-flex justify-content-between align-items-center mb-3">
    84             <span class="text-muted"><?php _e( 'Available on', 'datapocket' ); ?></span>
    85         </p>
    86            
    87             <div class="mt-4">
    88                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    89                     <span class="text-muted"><?php _e( 'Figma', 'datapocket' ); ?></span>
    90                 </h4>
    91                 <ul class="list-group mb-3 sticky-top">
    92                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    93                         <div>
    94                             <p class="text-muted">
    95                                 <?php _e( 'Get your ideas to market without having to worry about manually inputting all your product data. DataPocket will maintain your data synchronized 24/7. Instantly connect and synchronize product data feeds with Figma and start designing straight away using real and live data.', 'datapocket' ); ?>
    96                             </p>
    97                             <p class="mb-1"><a href="https://www.figma.com/community/plugin/1166257732700308854/DataPocket"><?php _e( 'Go to Figma', 'datapocket' ); ?></a></p>
    98                         </div>
    99                     </li>
    100                 </ul>
    101             </div>
    102            
    103            
    104             <div class="mt-4">
    105                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    106                     <span class="text-muted"><?php _e( 'Canva', 'datapocket' ); ?></span>
    107                 </h4>
    108                 <ul class="list-group mb-3 sticky-top">
    109                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    110                         <div>
    111                             <p class="text-muted">
    112                                 <?php _e( 'DataPocket is an intuitive way for teams and individuals to synchronize any data source and collaborate on creating and designing digital assets on Canva. Canva counts with thousands of ready-made templates that you can combine with your product data, increasing your productivity by 80%.', 'datapocket' ); ?>
    113                             </p>
    114                             <p class="mb-1"><a href="https://datapocket.app/support"><?php _e( 'Go to DataPocket support', 'datapocket' ); ?></a></p>
    115                         </div>
    116                     </li>
    117                 </ul>
    118             </div>
    119            
    120             <div class="mt-4">
    121                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    122                     <span class="text-muted"><?php _e( 'Adobe', 'datapocket' ); ?></span>
    123                 </h4>
    124                 <ul class="list-group mb-3 sticky-top">
    125                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    126                         <div>
    127                             <p class="text-muted">
    128                                 <?php _e( 'DataPocket allows businesses to access all digital assets from any data source in real-time to collaborate on designing and creating digital assets through the Adobe Suite including Photoshop, inDesign, Illustrator and After Effects.', 'datapocket' ); ?>
    129                             </p>
    130                             <p class="mb-1"><a href="https://datapocket.app/support"><?php _e( 'Go to DataPocket support', 'datapocket' ); ?></a></p>
    131                         </div>
    132                     </li>
    133                 </ul>
    134             </div>
    135            
    136207        </div>
    137208    </div>
    138     <p class="mb-1"><a href="https://datapocket.app">© Data Pocket</a></p>
    139209</div>
     210
     211<script>
     212    function copy( text, target ) {     
     213        document.querySelector( target ).innerText = '<?php esc_html_e( 'Copied!', 'datapocket' ); ?>';
     214       
     215        setTimeout( function () {
     216            document.querySelector( target ).innerText = '<?php esc_html_e( 'Copy', 'datapocket' ); ?>';
     217        }, 800 );
     218
     219        navigator.clipboard.writeText( text );
     220    }
     221</script>

  • datapocket/tags/1.3.1/includes/datapocket-core-functions.php

    r2820349 r3103964  
    9292    return $admin;
    9393}
     94
     95/**
     96 * Check if DataPocket is connected.
     97 *
     98 * @return bool $is_woocommerce
     99 * @return bool
     100 */
     101function datapocket_is_connected( $is_woocommerce = false ) {
     102    $directory = $is_woocommerce ? 'woo' : 'wp' ;
     103    $response  = wp_remote_get( 'https://utils.ovxproxy.com/' . $directory . '/conncheck?host=' . urlencode( get_option( 'siteurl' ) ) );
     104   
     105    if ( wp_remote_retrieve_response_code( $response) !== 200 ) {
     106        return false;
     107    }
     108
     109    $body = json_decode( wp_remote_retrieve_body( $response ) );
     110
     111    if ( null === $body || empty( $body->connected ) ) {
     112       return false;
     113    }
     114
     115    return $body->connected;
     116}

  • datapocket/tags/1.3.1/readme.txt

    r2998274 r3103964  
    44Tags: woocommerce, marketing, ecommerce, AI, products, figma
    55Requires at least: 4.6
    6 Tested up to: 6.4.1
    7 Stable tag: 1.2.11
     6Tested up to: 6.4.4
     7Stable tag: 1.3.1
    88Requires PHP: 7.0
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1111
    12 === Connect WooCommerce and WordPress to Canva, Figma and Adobe ===
     12=== Design in Canva, Figma and Adobe using your WooCommerce and WordPress data ===
    1313
    1414=== Description ===
    1515
    16 Now you can start doing your marketing on Canva, Figma, and Adobe.
     16DataPocket is a revolutionary plugin created to enhance design workflows for WordPress and WooCommerce users by integrating seamlessly with popular design tools such as Canva, Figma, Adobe Express and the complete Adobe Suite. It allows users to populate their design projects with real data directly sourced from their WordPress site, including images, text, and pricing information from WooCommerce.
    1717
    18 DataPocket synchronizes 24/7 your WooCommerce (Product images, prices and descriptions) and/or your WordPress Posts (Images, excerpt, body and more!) to your favorite design platform in real-time.
     18DataPocket is designed as a one-way connection towards design tools.
    1919
    2020= Usage Video Wordpress =
    … …  
    2828= Features =
    2929
    30 * Keep your WordPress Data synchronized 24/7 with your account.
    31 * Keep your eCommerce synchronized 24/7 with your account.
    32 * All products available in your design platform including its pictures, title, product info and prices.
    33 * All your WordPress data available in your design platform.
    34 * Having full control over your catalog using a design tool is now a reality.
    35 * Committing spelling mistakes is a thing of the past.
    36 * Having an organized catalog with its pictures, prices and details inside a designing tool is now possible.
    37 * Real-time: FULL SYNCHRONIZATION: Any changes made on your WooCommerce products or your WordPress posts will instantly be reflected in your Design Platform.
     30* **Real Data Integration:** Pulls live data from WordPress and WooCommerce to populate design projects in Canva, Figma, Adobe Express and the Adobe Suite.
     31* **Images, Texts, and Prices:** Includes images, product descriptions, and pricing data directly into your designs for accurate representation.
     32* **Enhanced Workflow:** Accelerates design processes by eliminating the need for manual data entry.
     33* **Collaboration:** Facilitates seamless collaboration between team members, stakeholders, and clients by enabling real-time sharing.
     34
     35= Use cases =
     36
     37* **E-commerce Design:** Create product catalogs, promotional materials, and marketing assets using up-to-date product data from WooCommerce.
     38* **Website Mockups:** Design realistic website prototypes with actual content pulled from WordPress pages and posts.
     39* **Content Creation:** Streamline content creation processes by directly importing blog post content and images into design projects.
     40
    3841
    3942= Credits =
    … …  
    5558== Frequently Asked Questions ==
    5659= Is datapocket's AI available on Figma and Adobe? =
    57 Datapocket's artificial intelligence is currently only available for users of the Canva application.
     60Datapocket's artificial intelligence is currently available in all platforms.
    5861
    5962= How long does it take to synchronize my entire catalog with my design platform? =
    … …  
    6972That is correct, if you have multiple eCommerce, even from different technologies, you can have them easily connected to your desired Design Platform.
    7073
    71 == Screenshots ==
    7274
    73 1. DataPocket plugin.
    74 2. Activate plugin.
    75 3. Copy key from DataPocket Settings.
    76 4. Paste in your DataPocket account.
    77 5. The sync will start in a blink.

  • datapocket/trunk/assets/css/admin.css

    r2809731 r3103964  
    1 .card {
    2     border: none;
    3     height: 100%
     1.fs-7 {
     2    font-size: 0.75rem;
    43}
    54
    6 .copy-button {
     5.steps li:not(:first-child)::before {
     6    content: '';
     7    height: 48px;
     8    display: block;
     9    background: #6C757D;
     10    width: 2px;
    711    position: relative;
    8     margin-left: 10px;
    9     background-color: #d50057;
    10     border-color: #d50057;
     12    left: 16px;
     13    margin: 14px 0 12px;
    1114}
    1215
    13 .copy-button.btn-danger:hover {
    14     background-color: #d50057;
    15     border-color: #d50057;
     16.mt-8 {
     17    margin-top: 5rem;
    1618}
    1719
    18 div.token-container {
    19     display: flex;
    20     flex-direction: row;
    21     align-items: center;
     20.text-brand {
     21    color: #D50057;
    2222}
    2323
    24 input.token-input {
    25     text-align: center;
    26     background-color: white;
    27     height: 38px;
    28     border-radius: 4px;
    29 
     24.datapocket-btn {
     25    width: 8rem;
     26    text-align: center;
     27    white-space: nowrap;
     28    flex-shrink: 0;
    3029}
    31 
    32 .tip {
    33     background-color: #263646;
    34     padding: 0 14px;
    35     line-height: 27px;
    36     position: absolute;
    37     top: 45px;
    38     border-radius: 4px;
    39     z-index: 100;
    40     color: #fff;
    41     font-size: 12px;
    42     animation-name: tip;
    43     animation-duration: .6s;
    44     animation-fill-mode: both
    45 }
    46 
    47 .tip:before {
    48     content: "";
    49     background-color: #263646;
    50     height: 10px;
    51     width: 10px;
    52     display: block;
    53     position: absolute;
    54     transform: rotate(45deg);
    55     top: -4px;
    56     left: 17px
    57 }
    58 
    59 #copied_tip {
    60     animation-name: come_and_leave;
    61     animation-duration: 1s;
    62     animation-fill-mode: both;
    63     bottom: -35px;
    64     left: 2px
    65 }
    66 
    67 .text-line {
    68     font-size: 14px
    69 }

  • datapocket/trunk/datapocket.php

    r2930852 r3103964  
    55 * Plugin URI:        https://datapocket.app/
    66 * Description:       Connect WooCommerce and WordPress to Canva, Figma and Adobe
    7  * Version:           1.2.9
     7 * Version:           1.3.1
    88 * Requires at least: 4.6
    99 * Requires PHP:      7.0

  • datapocket/trunk/includes/admin/class-datapocket-admin-menus.php

    r2820349 r3103964  
    3131    public function admin_menu()
    3232    {
    33         add_menu_page( __( 'Datapocket', 'datapocket' ), __( 'Datapocket', 'datapocket' ), 'manage_options', 'datapocket', array( $this, 'admin_page' ), datapocket()->plugin_url() . '/assets/img/menu-icon.png' );
     33        add_menu_page( __( 'Datapocket', 'datapocket' ), __( 'Datapocket', 'datapocket' ), 'manage_options', 'datapocket', array( $this, 'admin_page' ), datapocket()->plugin_url() . '/assets/img/menu-icon.svg' );
    3434    }
    3535

  • datapocket/trunk/includes/admin/views/html-admin-page.php

    r2837128 r3103964  
    1 <div class="container">
    2     <div class="py-5 text-center">
    3         <img class="d-block mx-auto mb-4" src="https://storage.cdnovixia.com/datapocket/identity/SVG/dp-icon-line-01.svg" alt="" width="72" height="72">
    4         <h2><?php _e( 'DataPocket', 'datapocket' ); ?></h2>
    5         <p class="lead"><?php _e( 'This plugin will synchronise your store catalogue with your chosen design platform.', 'datapocket' ); ?></p>
     1<?php
     2$is_woocommerce_connected = ! class_exists( 'WooCommerce' ) || datapocket_is_connected( true );
     3$is_wordpress_connected   = datapocket_is_connected();
     4$problem_count            = count( array_filter( array( ! is_ssl(), ! $is_woocommerce_connected || ! $is_wordpress_connected  ) ) );
     5?>
     6
     7<div class="container ms-0 p-5">
     8    <div class="row">
     9        <div class="col-12 col-lg-7">
     10            <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/logo.svg' ); ?>">
     11        </div>
     12        <div class="col-12 col-lg-5 text-center">
     13            <h3 class="fs-5 fw-bold mb-0"><?php esc_html_e( 'Connect and design on', 'datapocket' ); ?></h3>
     14            <img
     15                src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/supported-platforms.svg' ); ?>"
     16                class="mt-4"
     17            >
     18        </div>
    619    </div>
    7     <div class="row">
    8         <div class="col-md-8 order-md-1">
    9             <h4 class="mb-3"><?php _e( 'Active your account using your key', 'datapocket' ); ?></h4>
    10             <div class="d-grid gap-1">
    11                 <div class="mt-1 mb-1"><?php _e( 'Please copy the key below and paste it into your DataPocket account.', 'datapocket' ); ?></div>
    12                
    13                 <script>
    14                     function copy( text, target ) {
    15                         setTimeout( function () {
    16                             jQuery('#copied_tip').remove();
    17                         }, 800 );
    18                         jQuery( target ).append( "<div class='tip' id='copied_tip'>Copied!</div>" );
    19                         var input = document.createElement( 'input' );
    20                         input.setAttribute('value', text);
    21                         document.body.appendChild(input);
    22                         input.select();
    23                         var result = document.execCommand('copy');
    24                         document.body.removeChild(input)
    25                         return result;
    26                     }
    27                 </script>
    28                
    29                 <div class="p-4 bg-light border">
    30                     <div class="token-container">
    31                         <input class="token-input" type="text" disabled value="<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>" />
    32                         <button onclick="copy('<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>','#copy_button_1')" id="copy_button_1" class="btn btn-danger copy-button">
    33                             <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/copy-icon.svg' ); ?>"> | <?php _e( 'Copy WordPress Key', 'datapocket' ); ?>
    34                         </button>
     20    <div class="row mt-4 g-5">
     21        <div class="col-12 col-lg-7">
     22            <div class="border-bottom p-2">
     23                <h1 class="fs-3"><?php esc_html_e( 'Design with your data', 'datapocket' ); ?></h1>
     24                <h2 class="fs-5 fw-normal"><?php esc_html_e( 'Connect your blog or store catalogue with your chosen design platforms.', 'datapocket' ); ?></h2>
     25            </div>
     26
     27            <?php if ( ! is_ssl() || ! $is_woocommerce_connected || ! $is_wordpress_connected ) : ?>
     28                <section class="mt-4">
     29                    <h3 class="fs-5 p-3 d-flex gap-3 align-items-center">
     30                        <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/error.svg' ); ?>">
     31                        <?php esc_html_e( 'Problems', 'datapocket' ); ?> (<?php echo esc_html( $problem_count ); ?>)
     32
     33                        <a
     34                            href="https://help.datapocket.app/en/articles/9414407"
     35                            target="_blank"
     36                            class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black fw-normal fs-6 lh-base me-3"
     37                        >
     38                            <?php esc_html_e( 'Help me', 'datapocket' ); ?>
     39                        </a>
     40                    </h3>
     41
     42                    <div class="p-3 border shadow-sm">
     43                        <p><?php esc_html_e( 'We have detected the following issues that affect the connection.', 'datapocket' ); ?></p>
     44                       
     45                        <?php if ( ! is_ssl() ) : ?>
     46                            <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-danger align-items-center">
     47                                <div>
     48                                    <span class="d-block fw-semibold"><?php esc_html_e( 'HTTPS Required', 'datapocket' ); ?></span>
     49                                    <span class="d-block fs-7"><?php esc_html_e( 'Your server must be configured with HTTPS', 'datapocket' ); ?></span>
     50                                </div>
     51                                <a
     52                                    href="<?php echo esc_url( get_admin_url( null, 'options-general.php' ) ); ?>"
     53                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black"
     54                                >
     55                                    <?php esc_html_e( 'Settings', 'datapocket' ); ?>
     56                                </a>
     57                            </div>
     58                        <?php endif; ?>
     59                        <?php if ( ! $is_woocommerce_connected || ! $is_wordpress_connected ) : ?>
     60                            <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-danger align-items-center">
     61                                <div>
     62                                    <span class="d-block fw-semibold"><?php esc_html_e( 'No connection with DataPocket', 'datapocket' ); ?></span>
     63                                    <span class="d-block fs-7"><?php esc_html_e( 'Connection failed between your server and DataPocket. Click "help me" (link above) for common troubles associated and check again.', 'datapocket' ); ?></span>
     64                                </div>
     65                                <a
     66                                    href=""
     67                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 ms-auto d-block py-2 text-decoration-none text-black text-nowrap"
     68                                >
     69                                    <?php esc_html_e( 'Check again', 'datapocket' ); ?>
     70                                </a>
     71                            </div>
     72                        <?php endif; ?>
     73                    </div>
     74                </section>
     75            <?php else : ?>
     76                <section class="mt-4">
     77                    <h3 class="fs-5 p-3 d-flex gap-3">
     78                        <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/success.svg' ); ?>">
     79                        <?php esc_html_e( 'All set', 'datapocket' ); ?>
     80                    </h3>
     81
     82                    <div class="p-3 border shadow-sm">
     83                        <p class="m-0"><?php esc_html_e( 'Your server is ready to connect to DataPocket. Follow the instructions on the right to complete the connection.', 'datapocket' ); ?></p>
     84                    </div>
     85                </section>
     86            <?php endif; ?>
     87
     88            <section class="mt-4">
     89                <h3 class="fs-5 p-3"><?php esc_html_e( 'WordPress Connection', 'datapocket' ); ?></h3>
     90
     91                <div class="p-3 border shadow-sm">
     92                    <p><?php esc_html_e( 'Please copy the URL and key below and paste it into your DataPocket account.', 'datapocket' ); ?></p>
     93                   
     94                    <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     95                        <div>
     96                            <span class="d-block fw-semibold"><?php esc_html_e( 'URL', 'datapocket' ); ?></span>
     97                            <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     98                        </div>
     99                        <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     100                            <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'siteurl' ) ); ?>">
     101                            <button
     102                                id="copy_wp_url"
     103                                class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     104                                onclick="copy('<?php echo esc_attr( get_option( 'siteurl' ) ); ?>','#copy_wp_url')"
     105                            >
     106                                <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     107                            </button>
     108                        </div>
     109                    </div>
     110                    <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     111                        <div>
     112                            <span class="d-block fw-semibold"><?php esc_html_e( 'DataPocket Key', 'datapocket' ); ?></span>
     113                            <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     114                        </div>
     115                        <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     116                            <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>">
     117                            <button
     118                                id="copy_wp_token"
     119                                class="datapocket-btn  bg-transparent border border-1 border-dark rounded px-2 py-1"
     120                                onclick="copy('<?php echo esc_attr( get_option( 'datapocket_wp_token' ) ); ?>','#copy_wp_token')"
     121                            >
     122                                <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     123                            </button>
     124                        </div>
    35125                    </div>
    36126                </div>
    37                
    38                
    39     <?php if( class_exists( 'WooCommerce' ) ): ?>
    40                 <div class="p-4 bg-light border">
    41                     <div class="token-container">
    42                         <input class="token-input" type="text" disabled value="<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>" />
    43                         <button onclick="copy('<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>','#copy_button_2')" id="copy_button_2" class="btn btn-danger copy-button">
    44                             <img src="<?php echo esc_url( datapocket()->plugin_url() . '/assets/img/copy-icon.svg' ); ?>"> | <?php _e( 'Copy Woocommerce Key', 'datapocket' ); ?>
    45                         </button>
    46                     </div>
    47                 </div>
    48     <?php endif; ?>
    49 
    50                
    51                 <div class="mt-1">
    52                     &nbsp;
    53                 </div>
    54                 <h4 class="mb-3"><?php _e( 'Follow this video instructions', 'datapocket' ); ?></h4>
    55                 <div class="p-2 bg-light border">
    56                     <div class="ratio ratio-16x9">
    57                         <video
    58                             src="https://storage.cdnovixia.com/datapocket/identity/video/datapocket-reveal-hb.m4v"
    59                             controls></video>
    60                     </div>
    61                 </div>
     127            </section>
     128
     129            <?php if ( class_exists( 'WooCommerce' ) ) : ?>
     130                <section class="mt-4">
     131                    <h3 class="fs-5 p-3"><?php esc_html_e( 'WooCommerce Connection', 'datapocket' ); ?></h3>
     132
     133                    <div class="p-3 border shadow-sm">
     134                        <p><?php esc_html_e( 'Please copy the URL and key below and paste it into your DataPocket account.', 'datapocket' ); ?></p>
     135                       
     136                        <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     137                            <div>
     138                                <span class="d-block fw-semibold"><?php esc_html_e( 'URL', 'datapocket' ); ?></span>
     139                                <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     140                            </div>
     141                            <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     142                                <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'siteurl' ) ); ?>">
     143                                <button
     144                                    id="copy_wc_url"
     145                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     146                                    onclick="copy('<?php echo esc_attr( get_option( 'siteurl' ) ); ?>','#copy_wc_url')"
     147                                >
     148                                    <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     149                                </button>
     150                            </div>
     151                        </div>
     152                        <div class="d-flex shadow-sm p-3 gap-2 mt-2 border-start border-5 border-dark align-items-center">
     153                            <div>
     154                                <span class="d-block fw-semibold"><?php esc_html_e( 'DataPocket Key', 'datapocket' ); ?></span>
     155                                <span class="d-block fs-7"><?php esc_html_e( 'Paste at DataPocket settings', 'datapocket' ); ?></span>
     156                            </div>
     157                            <div class="ms-auto d-flex gap-2  flex-column flex-md-row">
     158                                <input type="text" readonly class="rounded border-1 bg-white border text-secondary py-1" value="<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>">
     159                                <button
     160                                    id="copy_wc_token"
     161                                    class="datapocket-btn bg-transparent border border-1 border-dark rounded px-2 py-1"
     162                                    onclick="copy('<?php echo esc_attr( get_option( 'datapocket_token' ) ); ?>','#copy_wc_token')"
     163                                >
     164                                    <?php esc_html_e( 'Copy', 'datapocket' ); ?>
     165                                </button>
     166                            </div>
     167                        </div>
     168                    </div>
     169                </section>
     170            <?php endif;  ?>
     171        </div>
     172        <div class="col-12 col-lg-5">
     173            <div class="border-bottom p-2">
     174                <h1 class="fs-3"><?php esc_html_e( 'Instructions', 'datapocket' ); ?></h1>
     175                <h2 class="fs-5 fw-normal"><?php esc_html_e( 'Follow these steps', 'datapocket' ); ?></h2>
    62176            </div>
    63         </div>
    64         <div class="col-md-4 order-md-2 mb-4">
    65             <div>
    66                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    67                     <span class="text-muted"><?php _e( 'About Datapocket', 'datapocket' ); ?></span>
    68                 </h4>
    69                 <ul class="list-group mb-3 sticky-top">
    70                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    71                         <div>
    72                             <p class="text-muted">
    73                                 <?php _e( 'DataPocket is a very simple and efficient service that allows
    74                                 having the entire eCommerce catalogue available in your desired design platform letting you instantly generate and design
    75                                 content taking advantage of the powerful features available in your chosen design platform.' ); ?>
    76                             </p>
    77                             <p class="mb-1"><a href="https://datapocket.app/help"><?php _e( 'Learn more', 'datapocket' ); ?></a></p>
    78                         </div>
    79                     </li>
    80                 </ul>
     177
     178            <ol class="list-unstyled ms-0 mt-4 steps mb-5">
     179                <li>
     180                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">01</span>
     181                    <?php esc_html_e( 'Open', 'datapocket' ); ?> <a class="text-brand" target="_blank" href="https://m.datapocket.app">https://m.datapocket.app</a>
     182                </li>
     183                <li>
     184                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">02</span>
     185                    <?php esc_html_e( 'Select “add your own datasource”', 'datapocket' ); ?>
     186                </li>
     187                <li>
     188                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">03</span>
     189                    <?php esc_html_e( 'Select your connector', 'datapocket' ); ?>
     190                </li>
     191                <li>
     192                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">04</span>
     193                    <?php esc_html_e( 'Copy the URL and paste', 'datapocket' ); ?>
     194                </li>
     195                <li>
     196                    <span class="border border-2 border-secondary rounded-circle p-2 fs-7 d-inline-lock me-2">05</span>
     197                    <?php esc_html_e( 'Copy the key and paste', 'datapocket' ); ?>
     198                </li>
     199            </ol>
     200
     201            <div class="mt-8 fw-semibold"><?php esc_html_e( 'Need extra help?', 'datapocket' ); ?> <a target="_blank" href="https://help.datapocket.app/en/collections/9390679" class="text-brand"><?php esc_html_e( 'Go to Help Center', 'datapocket' ); ?></a></div>
     202       
     203            <div class="mt-8 border-bottom p-2">
     204                <h3><?php esc_html_e( 'Peace of mind', 'datapocket' ); ?></h3>
     205                <p><?php esc_html_e( 'DataPocket does NOT overwrite your products or website. It only connects your product catalogue or blogposts to design platforms like Canva, Figma, Adobe Express and the Adobe Suite.  Use it confidently knowing your data remains intact.', 'datapocket' ); ?></p>
    81206            </div>
    82            
    83         <p class="d-flex justify-content-between align-items-center mb-3">
    84             <span class="text-muted"><?php _e( 'Available on', 'datapocket' ); ?></span>
    85         </p>
    86            
    87             <div class="mt-4">
    88                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    89                     <span class="text-muted"><?php _e( 'Figma', 'datapocket' ); ?></span>
    90                 </h4>
    91                 <ul class="list-group mb-3 sticky-top">
    92                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    93                         <div>
    94                             <p class="text-muted">
    95                                 <?php _e( 'Get your ideas to market without having to worry about manually inputting all your product data. DataPocket will maintain your data synchronized 24/7. Instantly connect and synchronize product data feeds with Figma and start designing straight away using real and live data.', 'datapocket' ); ?>
    96                             </p>
    97                             <p class="mb-1"><a href="https://www.figma.com/community/plugin/1166257732700308854/DataPocket"><?php _e( 'Go to Figma', 'datapocket' ); ?></a></p>
    98                         </div>
    99                     </li>
    100                 </ul>
    101             </div>
    102            
    103            
    104             <div class="mt-4">
    105                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    106                     <span class="text-muted"><?php _e( 'Canva', 'datapocket' ); ?></span>
    107                 </h4>
    108                 <ul class="list-group mb-3 sticky-top">
    109                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    110                         <div>
    111                             <p class="text-muted">
    112                                 <?php _e( 'DataPocket is an intuitive way for teams and individuals to synchronize any data source and collaborate on creating and designing digital assets on Canva. Canva counts with thousands of ready-made templates that you can combine with your product data, increasing your productivity by 80%.', 'datapocket' ); ?>
    113                             </p>
    114                             <p class="mb-1"><a href="https://datapocket.app/support"><?php _e( 'Go to DataPocket support', 'datapocket' ); ?></a></p>
    115                         </div>
    116                     </li>
    117                 </ul>
    118             </div>
    119            
    120             <div class="mt-4">
    121                 <h4 class="d-flex justify-content-between align-items-center mb-3">
    122                     <span class="text-muted"><?php _e( 'Adobe', 'datapocket' ); ?></span>
    123                 </h4>
    124                 <ul class="list-group mb-3 sticky-top">
    125                     <li class="list-group-item d-flex justify-content-between lh-condensed">
    126                         <div>
    127                             <p class="text-muted">
    128                                 <?php _e( 'DataPocket allows businesses to access all digital assets from any data source in real-time to collaborate on designing and creating digital assets through the Adobe Suite including Photoshop, inDesign, Illustrator and After Effects.', 'datapocket' ); ?>
    129                             </p>
    130                             <p class="mb-1"><a href="https://datapocket.app/support"><?php _e( 'Go to DataPocket support', 'datapocket' ); ?></a></p>
    131                         </div>
    132                     </li>
    133                 </ul>
    134             </div>
    135            
    136207        </div>
    137208    </div>
    138     <p class="mb-1"><a href="https://datapocket.app">© Data Pocket</a></p>
    139209</div>
     210
     211<script>
     212    function copy( text, target ) {     
     213        document.querySelector( target ).innerText = '<?php esc_html_e( 'Copied!', 'datapocket' ); ?>';
     214       
     215        setTimeout( function () {
     216            document.querySelector( target ).innerText = '<?php esc_html_e( 'Copy', 'datapocket' ); ?>';
     217        }, 800 );
     218
     219        navigator.clipboard.writeText( text );
     220    }
     221</script>

  • datapocket/trunk/includes/datapocket-core-functions.php

    r2820349 r3103964  
    9292    return $admin;
    9393}
     94
     95/**
     96 * Check if DataPocket is connected.
     97 *
     98 * @return bool $is_woocommerce
     99 * @return bool
     100 */
     101function datapocket_is_connected( $is_woocommerce = false ) {
     102    $directory = $is_woocommerce ? 'woo' : 'wp' ;
     103    $response  = wp_remote_get( 'https://utils.ovxproxy.com/' . $directory . '/conncheck?host=' . urlencode( get_option( 'siteurl' ) ) );
     104   
     105    if ( wp_remote_retrieve_response_code( $response) !== 200 ) {
     106        return false;
     107    }
     108
     109    $body = json_decode( wp_remote_retrieve_body( $response ) );
     110
     111    if ( null === $body || empty( $body->connected ) ) {
     112       return false;
     113    }
     114
     115    return $body->connected;
     116}

  • datapocket/trunk/readme.txt

    r2998274 r3103964  
    44Tags: woocommerce, marketing, ecommerce, AI, products, figma
    55Requires at least: 4.6
    6 Tested up to: 6.4.1
    7 Stable tag: 1.2.11
     6Tested up to: 6.4.4
     7Stable tag: 1.3.1
    88Requires PHP: 7.0
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1111
    12 === Connect WooCommerce and WordPress to Canva, Figma and Adobe ===
     12=== Design in Canva, Figma and Adobe using your WooCommerce and WordPress data ===
    1313
    1414=== Description ===
    1515
    16 Now you can start doing your marketing on Canva, Figma, and Adobe.
     16DataPocket is a revolutionary plugin created to enhance design workflows for WordPress and WooCommerce users by integrating seamlessly with popular design tools such as Canva, Figma, Adobe Express and the complete Adobe Suite. It allows users to populate their design projects with real data directly sourced from their WordPress site, including images, text, and pricing information from WooCommerce.
    1717
    18 DataPocket synchronizes 24/7 your WooCommerce (Product images, prices and descriptions) and/or your WordPress Posts (Images, excerpt, body and more!) to your favorite design platform in real-time.
     18DataPocket is designed as a one-way connection towards design tools.
    1919
    2020= Usage Video Wordpress =
    … …  
    2828= Features =
    2929
    30 * Keep your WordPress Data synchronized 24/7 with your account.
    31 * Keep your eCommerce synchronized 24/7 with your account.
    32 * All products available in your design platform including its pictures, title, product info and prices.
    33 * All your WordPress data available in your design platform.
    34 * Having full control over your catalog using a design tool is now a reality.
    35 * Committing spelling mistakes is a thing of the past.
    36 * Having an organized catalog with its pictures, prices and details inside a designing tool is now possible.
    37 * Real-time: FULL SYNCHRONIZATION: Any changes made on your WooCommerce products or your WordPress posts will instantly be reflected in your Design Platform.
     30* **Real Data Integration:** Pulls live data from WordPress and WooCommerce to populate design projects in Canva, Figma, Adobe Express and the Adobe Suite.
     31* **Images, Texts, and Prices:** Includes images, product descriptions, and pricing data directly into your designs for accurate representation.
     32* **Enhanced Workflow:** Accelerates design processes by eliminating the need for manual data entry.
     33* **Collaboration:** Facilitates seamless collaboration between team members, stakeholders, and clients by enabling real-time sharing.
     34
     35= Use cases =
     36
     37* **E-commerce Design:** Create product catalogs, promotional materials, and marketing assets using up-to-date product data from WooCommerce.
     38* **Website Mockups:** Design realistic website prototypes with actual content pulled from WordPress pages and posts.
     39* **Content Creation:** Streamline content creation processes by directly importing blog post content and images into design projects.
     40
    3841
    3942= Credits =
    … …  
    5558== Frequently Asked Questions ==
    5659= Is datapocket's AI available on Figma and Adobe? =
    57 Datapocket's artificial intelligence is currently only available for users of the Canva application.
     60Datapocket's artificial intelligence is currently available in all platforms.
    5861
    5962= How long does it take to synchronize my entire catalog with my design platform? =
    … …  
    6972That is correct, if you have multiple eCommerce, even from different technologies, you can have them easily connected to your desired Design Platform.
    7073
    71 == Screenshots ==
    7274
    73 1. DataPocket plugin.
    74 2. Activate plugin.
    75 3. Copy key from DataPocket Settings.
    76 4. Paste in your DataPocket account.
    77 5. The sync will start in a blink.
Note: See TracChangeset for help on using the changeset viewer.